:root{--color-brand-primary: #FFD700;--color-brand-primary-alt: #ffcc00;--color-brand-secondary: #2c3e50;--color-brand-secondary-alt: #34495e;--color-status-success: #2ecc71;--color-status-success-alt: #27ae60;--color-status-error: #e74c3c;--color-status-info: #3498db;--color-bg-body: #f4f4f4;--color-bg-card: #ffffff;--color-bg-input: #f9f9f9;--color-bg-modal: rgba(0, 0, 0, .6);--color-bg-overlay-light: rgba(255, 255, 255, .9);--color-bg-overlay-ultra-light: rgba(255, 255, 255, .7);--color-bg-footer: var(--color-brand-secondary);--color-text-dark: #333333;--color-text-muted: #666666;--color-text-light: #888888;--color-text-placeholder: #999999;--color-text-silver: #c0c0c0;--color-text-on-dark: #ffffff;--color-text-on-brand: var(--color-brand-secondary);--color-border-main: #e0e0e0;--color-border-soft: #eeeeee;--color-border-form-focus: var(--color-status-success);--color-border-divider-footer: rgba(255, 215, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 30px rgba(0, 0, 0, .2);--shadow-float: 0 4px 8px rgba(0, 0, 0, .15);--shadow-float-hover: 0 6px 12px rgba(0, 0, 0, .2);--grad-header: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-primary-alt) 100%);--grad-surface: linear-gradient(to right, var(--color-bg-overlay-light), var(--color-bg-overlay-ultra-light));--grad-accent-line: linear-gradient(to right, var(--color-brand-primary), var(--color-status-success));--grad-modal: linear-gradient(to bottom right, var(--color-bg-card), var(--color-bg-input));--grad-shine: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);--header-height: 80px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--container-width-main: 80vw;--max-width-form: 640px;--gas-hero-img: url(https://images.unsplash.com/photo-1581094288338-2314dddb7ecc?auto=format&fit=crop&q=60&w=1200)}:root{--color-brand-primary: #FFD700;--color-brand-primary-alt: #ffcc00;--color-brand-secondary: #2c3e50;--color-brand-secondary-alt: #34495e;--color-status-success: #2ecc71;--color-status-success-alt: #27ae60;--color-status-error: #e74c3c;--color-status-info: #3498db;--color-bg-body: #f4f4f4;--color-bg-card: #ffffff;--color-bg-input: #f9f9f9;--color-bg-modal: rgba(0, 0, 0, .6);--color-bg-overlay-light: rgba(255, 255, 255, .9);--color-bg-overlay-ultra-light: rgba(255, 255, 255, .7);--color-bg-footer: var(--color-brand-secondary);--color-text-dark: #333333;--color-text-muted: #666666;--color-text-light: #888888;--color-text-placeholder: #999999;--color-text-silver: #c0c0c0;--color-text-on-dark: #ffffff;--color-text-on-brand: var(--color-brand-secondary);--color-border-main: #e0e0e0;--color-border-soft: #eeeeee;--color-border-form-focus: var(--color-status-success);--color-border-divider-footer: rgba(255, 215, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 30px rgba(0, 0, 0, .2);--shadow-float: 0 4px 8px rgba(0, 0, 0, .15);--shadow-float-hover: 0 6px 12px rgba(0, 0, 0, .2);--grad-header: linear-gradient(135deg, var(--color-brand-primary) 0%, var(--color-brand-primary-alt) 100%);--grad-surface: linear-gradient(to right, var(--color-bg-overlay-light), var(--color-bg-overlay-ultra-light));--grad-accent-line: linear-gradient(to right, var(--color-brand-primary), var(--color-status-success));--grad-modal: linear-gradient(to bottom right, var(--color-bg-card), var(--color-bg-input));--grad-shine: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);--header-height: 80px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--container-width-main: 80vw;--max-width-form: 640px;--gas-hero-img: url(https://images.unsplash.com/photo-1581094288338-2314dddb7ecc?auto=format&fit=crop&q=60&w=1200)}:root[data-app=gas]{--color-brand-primary: #FF7043;--color-brand-primary-alt: #E64A19;--color-brand-secondary: #102A43;--color-brand-secondary-alt: #243B53;--color-status-success: #FF7043;--color-status-success-alt: #E64A19;--grad-header: linear-gradient(135deg, var(--color-brand-secondary) 0%, #1a3a5a 100%);--grad-accent-line: linear-gradient(to right, var(--color-brand-primary), var(--color-brand-primary-alt))}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Poppins,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--color-text-dark);background-color:var(--color-bg-body)}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.container{max-width:95vw;margin:0 auto;padding:0 20px}.main-content-padded{padding-top:20px;padding-bottom:50px;min-height:calc(100vh - var(--header-height))}.page-loading{text-align:center;padding:50px;color:var(--color-text-muted)}.main-header{display:flex;align-items:center;justify-content:space-around;width:100%;height:var(--header-height);position:sticky;top:0;z-index:1000;background:var(--grad-header);box-shadow:var(--shadow-md);transition:all .3s ease}.header-container-main{display:flex;justify-content:space-between;align-items:center;width:var(--container-width-main)}.sabor_express-main-logo{font-size:2.2em;font-weight:700;color:var(--color-text-on-brand);text-shadow:1px 1px 3px rgba(0,0,0,.1);position:relative;padding-left:40px;transition:transform .3s ease,color .2s ease}.sabor_express-main-logo:hover{color:var(--color-brand-secondary-alt);transform:scale(1.03)}.cart-icon{background-color:var(--color-brand-secondary);color:var(--color-text-on-dark);border:none;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:1.5em;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-float)}.cart-icon:hover{transform:translateY(-3px);box-shadow:var(--shadow-float-hover);background-color:var(--color-brand-secondary-alt)}.cart-count{background-color:var(--color-status-success);color:var(--color-text-on-dark);font-size:.7em;font-weight:700;border-radius:50%;padding:3px 7px;position:absolute;top:-5px;right:-5px;min-width:20px;text-align:center;box-shadow:var(--shadow-sm)}.client-company-info-main{width:100%;text-align:center;background:var(--grad-surface);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:var(--radius-lg);padding:2rem;margin:2rem auto;max-width:90%;box-shadow:0 5px 15px #0000000d}.client-company-name-main{font-size:3rem;font-weight:700;color:var(--color-brand-secondary);margin-bottom:10px;line-height:1.2;position:relative;display:inline-block}.client-company-name-main:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:3px;background:var(--grad-accent-line)}.client-company-slogan-main{font-size:1.4rem;color:var(--color-text-muted);font-style:italic}.client-company-header-main{display:flex;justify-content:center;align-items:center;gap:10px}.client-company-header-main .client-company-logo-main{display:flex;justify-content:center;align-items:center;height:100px}.modal{display:none;position:fixed;z-index:1001;inset:0;overflow:auto;background-color:var(--color-bg-modal);justify-content:center;align-items:center}.modal-content{background:var(--grad-modal);margin:10% auto;padding:30px;border-radius:var(--radius-lg);width:90%;max-width:500px;position:relative;animation:fadeIn .3s ease-out;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-xl)}:root[data-app=gas] .modal-content{border-top:8px solid var(--color-brand-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-button{color:var(--color-text-placeholder);position:absolute;top:15px;right:25px;font-size:28px;font-weight:700;cursor:pointer;transition:color .2s ease}.close-button:hover{color:var(--color-brand-secondary)}.cart-items-list{list-style:none;padding:10px 0;max-height:300px;overflow-y:auto;border-top:1px solid var(--color-border-main);border-bottom:1px solid var(--color-border-main);margin-bottom:20px;scrollbar-width:thin;scrollbar-color:var(--color-brand-primary) var(--color-bg-input)}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--color-border-soft)}.item-info h4{margin:0;font-size:1.1em;color:var(--color-text-dark)}.item-info span,.item-info p{margin:0;font-size:.9em;color:var(--color-text-light)}.item-quantity-controls{display:flex;align-items:center;gap:8px}.qty-btn{background-color:var(--color-status-success);color:var(--color-text-on-dark);border:none;border-radius:var(--radius-sm);width:28px;height:28px;font-size:1.1em;cursor:pointer;transition:background-color .2s ease}.qty-btn:hover{background-color:var(--color-status-success-alt)}.cart-total{font-size:1.6em;font-weight:700;text-align:right;color:var(--color-brand-secondary);margin-top:20px}.checkout-button{background-color:var(--color-status-success);color:var(--color-text-on-dark);border:none;padding:15px 25px;border-radius:var(--radius-pill);cursor:pointer;font-size:1.2em;font-weight:700;width:100%;margin-top:30px;transition:all .2s ease;letter-spacing:1px;text-shadow:0 1px 1px rgba(0,0,0,.1)}:root[data-app=gas] .checkout-button{background-color:var(--color-brand-primary)}.checkout-button:hover{background-color:var(--color-status-success-alt);transform:translateY(-2px)}.order-form-container{background-color:var(--color-bg-card);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:50px auto;max-width:var(--max-width-form);display:none;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--color-brand-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:15px 20px;border:2px solid var(--color-border-main);border-radius:var(--radius-md);background-color:var(--color-bg-input);transition:all .3s ease}.form-group input:focus{border-color:var(--color-border-form-focus);outline:none;background-color:var(--color-bg-card);box-shadow:0 0 0 3px #2ecc7133}.form-group input:invalid:not(:placeholder-shown){border-color:var(--color-status-error)}.form-group input:valid:not(:placeholder-shown){border-color:var(--color-status-success)}.submit-order-btn{background-color:var(--color-status-success);color:var(--color-text-on-dark);border:none;padding:18px;border-radius:var(--radius-md);font-weight:700;cursor:pointer;width:100%;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:center;align-items:center;gap:10px;transition:all .3s ease}.submit-order-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--grad-shine);transition:.5s}.submit-order-btn:hover:before{left:100%}.submit-order-btn:hover{background-color:var(--color-status-success-alt);transform:translateY(-3px);box-shadow:0 5px 15px #2ecc7166}html[data-app-loading="1"] body>:not(#bootSplash){display:none!important}.boot-splash{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.boot-splash-card{background:#fff;border:1px solid var(--color-border-main);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px 28px;display:flex;align-items:center;gap:14px}.boot-spinner{width:18px;height:18px;border-radius:50%;border:3px solid var(--color-border-main);border-top-color:var(--color-brand-secondary);animation:spin .8s linear infinite}.boot-text{color:var(--color-text-muted);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.header-container-main{width:92vw}.sabor_express-main-logo{font-size:1.8em;padding-left:0}}.client-company-logo-main{display:none}.client-company-logo-main[src^=http]{display:block}.header-container-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;width:var(--container-width-main)}.header-search-bar{display:flex;max-width:500px;width:100%;margin:0 auto;position:relative}.header-search-bar input{width:100%;padding:10px 45px 10px 15px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.1);background:var(--color-bg-card);font-size:.9rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.header-search-bar input:focus{outline:none;box-shadow:var(--shadow-md);transform:scale(1.01)}.header-search-bar button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:var(--color-brand-secondary);color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}:root[data-app=gas] .header-search-bar button{background:var(--color-brand-primary)}.sabor_express-main-logo{display:flex;align-items:center;gap:10px;white-space:nowrap;padding-left:0}@media(max-width:480px){#companyDisplayName{display:none}.header-container-main{grid-template-columns:auto 1fr auto;gap:10px}}.header-search-bar{display:flex;flex:1;max-width:400px;margin:0 15px;position:relative}.header-search-bar input{width:100%;padding:8px 15px;border-radius:var(--radius-pill);border:1px solid rgba(0,0,0,.1);font-size:.9rem}.header-search-bar button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer}:root{--primary-yellow: #FFD700;--secondary-dark: #2c3e50;--accent-green: #2ecc71;--white: #ffffff;--border-color: #e0e0e0;--sidebar-width-desktop: 240px;--sidebar-padding: 20px;--category-border-radius: 12px;--category-shadow: 0 4px 15px rgba(0, 0, 0, .08);--product-card-gap: 20px}.product-layout-grid{display:grid;grid-template-columns:var(--sidebar-width-desktop) 1fr var(--sidebar-width-desktop);gap:30px;max-width:1440px;margin:0 auto;padding:20px;align-items:start}.left-sidebar{grid-column:1}.main-product-area{grid-column:2;width:100%}.right-sidebar{grid-column:3}.section-title,.category-title{font-weight:800;color:var(--secondary-dark);text-align:center;position:relative;padding-bottom:15px;margin-bottom:30px;text-transform:uppercase}.section-title:after,.category-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:var(--primary-yellow);border-radius:2px}.product-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--product-card-gap)}.product-card{background-color:var(--white);border-radius:16px;box-shadow:0 6px 18px #00000014;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:320px;transition:all .3s cubic-bezier(.175,.885,.32,1.1);border:1px solid var(--border-color)}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px #0000001f;border-color:var(--primary-yellow)}.product-card img{width:100%;height:220px;object-fit:cover}.product-info{padding:18px;flex-grow:1;display:flex;flex-direction:column}.product-info h3{font-size:1.2rem;margin-bottom:8px;color:var(--secondary-dark)}.product-info .description{font-size:.9rem;color:#666;line-height:1.4;margin-bottom:15px}.product-controls{margin-top:auto;display:flex;flex-direction:column}.product-price{font-size:1.5rem;font-weight:800;color:var(--accent-green);text-align:right;padding:10px 0;border-top:1px dashed #eee}.add-to-cart-btn{background-color:var(--primary-yellow);color:var(--secondary-dark);border:none;padding:14px;cursor:pointer;font-size:1rem;font-weight:700;text-transform:uppercase;width:100%;transition:background .2s}@media(max-width:1100px){.product-layout-grid{grid-template-columns:1fr;max-width:700px}.main-product-area{order:1}.left-sidebar{order:2}.right-sidebar{order:3}}@media(max-width:768px){.product-layout-grid{padding:10px}.product-card{flex-direction:row;max-width:100%;min-height:120px;align-items:stretch;border-radius:12px}.product-card img{width:110px;min-width:110px;height:auto;border-radius:12px 0 0 12px}.product-info{padding:12px;flex:1;min-width:0;justify-content:space-between}.product-info h3{font-size:.95rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-info .description{font-size:.75rem;line-height:1.2;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-controls{flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto}.product-price{font-size:1.15rem;text-align:left;padding:0;border:none;flex-shrink:0;margin-right:8px}.add-to-cart-btn{width:auto;min-width:90px;padding:8px 12px;font-size:.75rem;height:36px;border-radius:8px;flex-shrink:0}.product-category-sidebar{margin-bottom:10px;box-shadow:none;border:1px dashed var(--border-color)}}.empty-category{display:none!important}.unavailable{opacity:.6;filter:grayscale(.8)}html[data-app=gas]{--color-brand-primary: #FF6A00;--color-brand-primary-alt: #FF3D00;--color-brand-secondary: #0B1F33;--color-brand-secondary-alt: #12395B;--color-bg-body: #0A1420;--color-bg-card: #0E2236;--color-bg-input: #0F2A42;--color-text-on-dark: #F6FBFF;--color-text-dark: #EAF2F9;--color-text-muted: rgba(234,242,249,.75);--color-border-main: rgba(255,255,255,.1);--color-border-soft: rgba(255,255,255,.08);--sidebar-width-desktop: 260px;--sidebar-padding: 18px;--main-content-max-width: 1050px;--sidebar-gap: 28px;--product-card-gap: 18px;--gas-hero-img: url(https://images.unsplash.com/photo-1581094288338-2314dddb7ecc?auto=format&fit=crop&q=60&w=1600);--feedback-shadow-glow: rgba(255, 106, 0, .2);--feedback-bg-status: rgba(255, 106, 0, .05);--feedback-border-status: rgba(255, 106, 0, .3)}html[data-app=gas] .main-header{background:radial-gradient(1000px 180px at 20% 30%,rgba(255,106,0,.22),transparent 60%),linear-gradient(135deg,var(--color-brand-secondary) 0%,var(--color-brand-secondary-alt) 100%);border-bottom:3px solid rgba(255,106,0,.85);box-shadow:0 10px 26px #00000059}html[data-app=gas] .sabor_express-main-logo{color:var(--color-text-on-dark)}html[data-app=gas] .modal{background-color:#02080ec7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html[data-app=gas] .modal-content{background:linear-gradient(180deg,#ffffff0f,#ffffff05),linear-gradient(135deg,#0e2236,#0b1f33);border:1px solid rgba(255,255,255,.1);border-top:8px solid rgba(255,106,0,.95);box-shadow:0 18px 40px #00000073}html[data-app=gas] .checkout-button{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-alt) 100%)}html[data-app=gas] .checkout-button:hover{filter:brightness(1.05);transform:translateY(-2px)}.view-gas .client-company-info-main{background:radial-gradient(900px 240px at 50% 20%,rgba(255,106,0,.22),transparent 65%),linear-gradient(#0b1f33db,#0b1f33eb),var(--gas-hero-img);background-size:cover;background-position:center;border-radius:0 0 40px 40px;padding:3.4rem 2rem;margin-top:0;border-bottom:5px solid rgba(255,106,0,.95);box-shadow:0 18px 45px #00000059}.view-gas .client-company-header-main{display:flex;justify-content:center;align-items:center;gap:12px}.view-gas .client-company-logo-main{display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#ffffff26,#ffffff0a);padding:10px;border-radius:18px;border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px #00000059;height:98px;width:auto;object-fit:contain}.view-gas .client-company-name-main{font-size:3rem;font-weight:900;color:var(--color-text-on-dark);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px;line-height:1.12;position:relative;display:inline-block}.view-gas .client-company-name-main:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ff6a00,#ff3d00);border-radius:6px}.view-gas .client-company-slogan-main{font-size:1.15rem;color:#ffc4a0f2;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.35)}.view-gas .product-layout-grid{display:grid;grid-template-columns:var(--sidebar-width-desktop) 1fr var(--sidebar-width-desktop);gap:var(--sidebar-gap);max-width:calc(var(--sidebar-width-desktop) * 2 + var(--main-content-max-width) + var(--sidebar-gap) * 2);padding:0 20px;align-items:start;margin:0 auto}.view-gas .left-sidebar{grid-column:1 / 1;width:100%}.view-gas .main-product-area{grid-column:2 / 3;width:100%;padding:0 40px}.view-gas .right-sidebar{grid-column:3 / 3;width:100%}.view-gas .product-category-sidebar.empty-category{display:none}.view-gas .product-category-sidebar:not(.empty-category){display:block}.view-gas .product-category-sidebar{background:linear-gradient(180deg,#ffffff0f,#ffffff05);padding:var(--sidebar-padding);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 30px #00000059;overflow-y:auto;min-width:250px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.view-gas .product-category-sidebar:hover{transform:translateY(-4px);border-color:#ff6a0073;box-shadow:0 18px 40px #00000073}.view-gas .product-category-sidebar .category-title{font-size:1.35rem;color:var(--color-text-on-dark);margin-bottom:18px;text-align:center;padding-bottom:10px;border-bottom:2px solid rgba(255,106,0,.75);display:flex;justify-content:center;align-items:center;gap:8px}.view-gas .product-category-sidebar .category-title i{color:#ffc4a0f2}.view-gas .section-title,.view-gas .product-category-section .category-title{font-weight:900;color:var(--color-text-on-dark);margin-bottom:26px;text-align:center;position:relative;padding-bottom:14px}.view-gas .section-title:after,.view-gas .product-category-section .category-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,#ff6a00,#ff3d00);border-radius:999px}.view-gas .section-title{font-size:2.5rem}.view-gas .product-category-section{background:linear-gradient(180deg,#ffffff0f,#ffffff05);padding:28px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 34px #00000059;margin-bottom:40px;max-width:var(--main-content-max-width);margin-left:auto;margin-right:auto;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.view-gas .product-category-section:hover{transform:translateY(-4px);border-color:#ff6a0073;box-shadow:0 20px 42px #00000073}.view-gas .product-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--product-card-gap);padding:10px;margin-top:18px}.view-gas .product-category-sidebar .product-grid{padding:0}.view-gas .product-card{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 30px #00000059;overflow:hidden;display:flex;flex-direction:column;width:400px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.view-gas .product-card:hover{transform:translateY(-6px);border-color:#ff6a008c;box-shadow:0 20px 42px #00000073}.view-gas .product-card img{width:100%;height:320px;object-fit:contain;padding:14px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.1)}.view-gas .product-info{padding:18px 18px 14px;flex-grow:1;display:flex;flex-direction:column;min-height:200px}.view-gas .product-info h3{font-size:1.2rem;color:var(--color-text-on-dark);margin-bottom:8px;line-height:1.25}.view-gas .product-info .description{font-size:.9em;color:#eaf2f9c7;margin-bottom:12px;flex-grow:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.view-gas .product-price{font-size:1.55em;font-weight:900;color:#ffc4a0fa;margin-top:auto;padding-top:10px;border-top:1px dashed rgba(255,255,255,.18);text-align:right}.view-gas .add-to-cart-btn{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-primary-alt) 100%);color:#0a1420;border:none;padding:14px 0;border-radius:0 0 var(--radius-lg) var(--radius-lg);cursor:pointer;font-size:1.02em;font-weight:900;text-transform:uppercase;transition:filter .2s ease,transform .2s ease;width:100%}.view-gas .add-to-cart-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.view-gas .product-card.unavailable{opacity:.7;filter:grayscale(40%);pointer-events:none}@media(max-width:1024px){.view-gas .product-layout-grid{display:flex;flex-direction:column;align-items:center;padding:0 20px;max-width:100%;gap:40px}.view-gas .main-product-area{order:1;width:100%;padding:0}.view-gas #gasCylindersCategory{order:2;width:100%}.view-gas #accessoriesCategory{order:3;width:100%}.view-gas .product-category-section{padding:24px;max-width:100%;margin-left:initial;margin-right:initial}}@media(max-width:768px){.view-gas .product-card img{height:200px}.view-gas .product-info{padding:12px}.view-gas .product-info h3{font-size:1.05em}.view-gas .product-price{font-size:1.2em;text-align:left}.view-gas .add-to-cart-btn{padding:12px 0;font-size:.95em}.view-gas .product-card:hover{transform:none;box-shadow:0 14px 30px #00000059}}@media(max-width:480px){.view-gas .product-layout-grid{padding:0}.view-gas .product-grid{gap:15px}.view-gas .product-card{width:min(420px,92vw)}}@media(max-width:768px){.view-gas .client-company-info-main{padding:1.2rem 1rem;max-width:95vw;border-radius:0 0 28px 28px}.view-gas .client-company-header-main{flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.view-gas .client-company-logo-main{height:64px!important;max-width:64px;object-fit:contain;padding:7px;border-radius:16px}.view-gas .client-company-name-main{font-size:1.8rem!important;line-height:1.15;padding:0;margin:0;max-width:92vw;min-width:0;text-align:center;overflow-wrap:anywhere;word-break:break-word}.view-gas .client-company-slogan-main{font-size:1rem;margin-top:6px}}@media(max-width:420px){.view-gas .client-company-logo-main{height:56px!important;max-width:56px}.view-gas .client-company-name-main{font-size:1.5rem!important}}.view-feedback{display:flex;justify-content:center;align-items:center;padding:20px;background-color:var(--color-bg-body);min-height:90vh}.feedback-card{background:var(--color-bg-card);max-width:420px;width:100%;padding:40px 30px;border-radius:28px;box-shadow:0 15px 35px #0003;text-align:center;border:1px solid var(--color-border-soft)}.success-animation{margin-bottom:25px}.check-icon{width:64px;height:64px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative}.check-icon:after{content:"";width:15px;height:25px;border:solid white;border-width:0 4px 4px 0;transform:rotate(45deg);margin-top:-4px}.feedback-header h2{font-size:1.5rem;color:var(--color-text-on-dark);margin-bottom:8px}.order-id{font-size:.9rem;color:var(--color-text-muted)}.order-id span{font-weight:700;color:var(--color-brand-primary)}.tracking-visual{display:flex;justify-content:space-between;margin:45px 0 35px;position:relative}.progress-bar-bg{position:absolute;top:10px;left:10%;right:10%;height:4px;background:var(--color-border-main);border-radius:10px;z-index:1}.progress-bar-fill{height:100%;width:0%;background:var(--color-brand-primary);transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:10px}.step{flex:1;z-index:2;display:flex;flex-direction:column;align-items:center}.step .dot{width:22px;height:22px;background:var(--color-bg-card);border:3px solid var(--color-border-main);border-radius:50%;margin-bottom:12px;transition:all .4s ease}.step span{font-size:.65rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}[data-status=pending] .progress-bar-fill{width:0%}[data-status=preparing] .progress-bar-fill{width:33%}[data-status=en_route] .progress-bar-fill{width:66%}[data-status=delivered] .progress-bar-fill{width:100%}[data-status=pending] .step-pending .dot,[data-status=preparing] .step-pending .dot,[data-status=preparing] .step-accepted .dot,[data-status=en_route] .step-pending .dot,[data-status=en_route] .step-accepted .dot,[data-status=en_route] .step-way .dot,[data-status=delivered] .step .dot{border-color:var(--color-brand-primary);background:var(--color-brand-primary);box-shadow:0 0 0 4px var(--feedback-shadow-glow)}[data-status=pending] .step-pending span,[data-status=preparing] .step-accepted span,[data-status=en_route] .step-way span,[data-status=delivered] .step-delivered span{color:var(--color-text-on-dark)}.status-container{background:var(--feedback-bg-status);padding:18px;border-radius:16px;margin-bottom:35px;border:1px dashed var(--feedback-border-status)}.status-container p{margin:0;color:var(--color-text-dark);font-weight:600;font-size:.95rem}.feedback-actions{display:grid;gap:12px}.btn-primary-wa{background:#25d366;color:#fff;padding:16px;border-radius:16px;text-decoration:none;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s}.btn-primary-wa:hover{transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid var(--color-border-main);padding:14px;border-radius:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--color-border-soft)}[data-status=canceled] .status-container{background:#ef44441a;border-color:#ef4444}[data-status=canceled] .status-container p{color:#ef4444}@media(max-width:480px){.feedback-card{padding:30px 20px}.step span{font-size:.55rem}}.custom-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.custom-modal-content{background-color:var(--white);padding:30px;border-radius:12px;box-shadow:0 8px 25px #0006;width:90%;max-width:450px;position:relative;text-align:center;animation:modalFadeIn .3s ease-out forwards;opacity:0;transform:translateY(-20px)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.custom-close-button{color:#aaa;position:absolute;top:15px;right:20px;font-size:28px;font-weight:700;cursor:pointer;transition:color .2s ease}.custom-close-button:hover,.custom-close-button:focus{color:var(--secondary-dark)}#customAlertTitle,#customConfirmTitle{font-family:Poppins,sans-serif;font-size:1.6em;color:var(--secondary-dark);margin-bottom:15px}#customAlertMessage,#customConfirmMessage{font-size:1em;color:var(--text-color);margin-bottom:25px;white-space:pre-wrap;text-align:left;max-height:250px;overflow-y:auto;padding-right:5px}.custom-modal-actions{display:flex;justify-content:center;gap:15px}.custom-modal-content button{background-color:var(--primary-yellow);color:var(--secondary-dark);border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 5px #0000001a;flex-grow:1;max-width:150px}.custom-modal-content button:hover{background-color:#e6c200;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}#customConfirmCancelBtn{background-color:#e74c3c;color:var(--white)}#customConfirmCancelBtn:hover{background-color:#c0392b}@media(max-width:500px){.custom-modal-content{padding:20px;width:95%}#customAlertTitle,#customConfirmTitle{font-size:1.4em;margin-bottom:10px}#customAlertMessage,#customConfirmMessage{font-size:.9em;margin-bottom:20px}.custom-modal-actions{flex-direction:column;gap:10px}.custom-modal-content button{max-width:none;padding:10px 15px;font-size:.9em}}.container-logo{display:flex;align-items:start;width:fit-content;height:50%}.img-logo{display:flex;justify-content:center;align-items:center;width:auto;height:100%}