/* ===== TEXTILE — PHP Site Styles ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Assistant',sans-serif;color:#1a2b3a;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
ul{list-style:none;}

/* ===== ANNOUNCEMENT BAR ===== */
.announce{background:#F9F4EF;border-bottom:1px solid #e8ddd4;color:#1a2b3a;text-align:center;padding:0 20px;overflow:hidden;position:relative;height:44px;}
.announce__track{display:flex;flex-direction:column;align-items:center;transition:transform .5s ease;}
.announce__item{height:44px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;flex-shrink:0;font-size:14px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#1a2b3a;white-space:nowrap;}
.announce__year{font-style:normal;font-weight:900;color:#d0407a;letter-spacing:3px;font-size:15px;}
.announce__sep{color:#C9A96E;font-size:18px;font-weight:300;}

/* ===== NAVIGATION ===== */
.nav{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100;transition:box-shadow .3s;}
.nav--scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08);}
.nav__container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px;}
.nav__logo{display:flex;flex-direction:column;justify-content:center;line-height:1;text-decoration:none;}
.nav__logo-text{font-family:'Raleway',sans-serif;font-size:32px;font-weight:800;color:#1a2b3a;line-height:1;text-decoration:none;letter-spacing:-1px;position:relative;display:inline-block;}
.nav__logo-text::after{content:'';display:block;height:2.5px;margin-top:3px;background:linear-gradient(to right,#1a2b3a 0%,#d0407a 100%);border-radius:2px;}
.nav__logo-accent{color:#d0407a;}
.nav__logo-sub{font-size:8.5px;font-weight:600;letter-spacing:2.5px;color:#aaa;text-transform:uppercase;margin-top:3px;font-family:'Assistant',sans-serif;}
.nav__links{display:flex;gap:18px;align-items:center;}
.nav__links li a,.nav__links li .nav__drop-trigger{font-size:13px;font-weight:600;color:#1a2b3a;transition:color .2s;display:flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none;font-family:inherit;white-space:nowrap;}
.nav__links li a:hover,.nav__links li .nav__drop-trigger:hover{color:#6B7F68;}
.nav__dropdown{position:relative;}
.nav__mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.1);padding:20px 28px;min-width:280px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:200;}
.nav__dropdown:hover .nav__mega{opacity:1;visibility:visible;}
.nav__mega-inner{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;}
.nav__mega--small{min-width:200px;padding:14px 20px;}
.nav__mega-inner--single{grid-template-columns:1fr;gap:4px;}
.nav__mega-inner a{font-size:13px;font-weight:500;padding:6px 0;color:#1a2b3a;transition:color .2s,padding-left .2s;}
.nav__mega-inner a:hover{color:#6B7F68;padding-left:6px;}
.nav__actions{display:flex;align-items:center;gap:12px;}
.nav__wa{display:inline-flex;align-items:center;gap:6px;background:#25D366;color:#fff;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:0.5px;transition:background .2s;}
.nav__wa:hover{background:#1fb855;}
.nav__wa svg{flex-shrink:0;}
.nav__phone{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1a2b3a;padding:8px 12px;border:1px solid #ddd;border-radius:4px;transition:border-color .2s;}
.nav__phone:hover{border-color:#1a2b3a;}
.nav__burger{display:none;background:none;border:none;width:28px;height:20px;position:relative;cursor:pointer;}
.nav__burger span{display:block;width:100%;height:2px;background:#1a2b3a;position:absolute;left:0;transition:transform .3s,opacity .3s;}
.nav__burger span:nth-child(1){top:0;}
.nav__burger span:nth-child(2){top:9px;}
.nav__burger span:nth-child(3){top:18px;}

/* ===== MOBILE MENU ===== */
.mmenu{position:fixed;top:0;right:-320px;width:320px;height:100vh;background:#fff;z-index:500;transition:right .35s ease;overflow-y:auto;box-shadow:-4px 0 30px rgba(0,0,0,.1);}
.mmenu--open{right:0;}
.mmenu__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee;}
.mmenu__logo{font-size:20px;font-weight:900;letter-spacing:2px;}
.mmenu__logo span{color:#F5C842;}
.mmenu__close{background:none;border:none;font-size:28px;cursor:pointer;color:#1a2b3a;line-height:1;}
.mmenu__links{padding:16px 0;}
.mmenu__links>li>a,.mmenu__toggle{display:block;width:100%;padding:12px 20px;font-size:15px;font-weight:600;color:#1a2b3a;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:space-between;}
.mmenu__links>li>a:hover,.mmenu__toggle:hover{background:#f9f7f3;}
.mmenu__sub{display:none;background:#f9f7f3;}
.mmenu__sub.mmenu__sub--open{display:block;}
.mmenu__sub li a{display:block;padding:10px 20px 10px 36px;font-size:14px;font-weight:500;color:#566573;}
.mmenu__sub li a:hover{color:#6B7F68;}
.mmenu__cta{padding:20px;display:flex;flex-direction:column;gap:10px;border-top:1px solid #eee;margin-top:10px;}
.mmenu__wa{display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#fff;padding:12px;border-radius:4px;font-weight:700;font-size:14px;}
.mmenu__call{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid #1a2b3a;padding:12px;border-radius:4px;font-weight:700;font-size:14px;}
.mmenu__overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:400;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;}
.mmenu__overlay--open{opacity:1;visibility:visible;}

/* ===== PORTO HERO ===== */
.porto{background:#F4F1EC;padding:0;}
.porto__container{max-width:1400px;margin:0 auto;padding:20px;display:grid;grid-template-columns:280px 1fr 1fr;gap:20px;min-height:480px;}
.porto__left{background:linear-gradient(180deg,#4A6E75,#3E5C63);border-radius:8px;padding:32px 28px;color:#fff;display:flex;flex-direction:column;justify-content:center;}
.porto__left-inner{display:flex;flex-direction:column;gap:10px;}
.porto__brand{font-size:14px;font-weight:800;letter-spacing:4px;opacity:.7;}
.porto__sale-title{font-size:36px;font-weight:900;line-height:1;letter-spacing:-1px;}
.porto__tag{display:inline-block;background:#F5C842;color:#1a2b3a;padding:4px 12px;font-size:10px;font-weight:800;letter-spacing:2px;border-radius:3px;align-self:flex-start;}
.porto__off{display:flex;align-items:baseline;gap:4px;margin:8px 0;}
.porto__off small{font-size:10px;font-weight:700;letter-spacing:2px;opacity:.8;}
.porto__off strong{font-size:56px;font-weight:900;line-height:1;color:#F5C842;}
.porto__off strong sup{font-size:22px;}
.porto__off span{font-size:18px;font-weight:800;letter-spacing:1px;}
.porto__ship{border-top:1px solid rgba(255,255,255,.2);padding-top:10px;margin-top:4px;}
.porto__ship-title{font-size:12px;font-weight:800;letter-spacing:2px;display:block;}
.porto__ship-sub{font-size:11px;opacity:.7;display:block;}
.porto__btn{display:inline-block;background:#F5C842;color:#1a2b3a;padding:10px 24px;font-size:11px;font-weight:800;letter-spacing:2px;border-radius:3px;margin-top:10px;transition:filter .2s;align-self:flex-start;}
.porto__btn:hover{filter:brightness(1.1);}
.porto__cond{font-size:10px;opacity:.5;margin-top:4px;}
.porto__center{background:#F5F1EA;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:40px;text-align:center;position:relative;overflow:hidden;}
.porto__center-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;}
.porto__center-inner{position:relative;z-index:2;}
.porto__center-brand1{font-size:14px;font-weight:800;letter-spacing:4px;color:#C9950A;display:block;}
.porto__center-brand2{font-size:14px;font-weight:800;letter-spacing:4px;color:#1a2b3a;display:block;margin-bottom:16px;}
.porto__center-disc{font-size:64px;font-weight:900;color:#F5C842;line-height:1;}
.porto__center-disc sup{font-size:24px;}
.porto__center-disc span{font-size:16px;font-weight:800;letter-spacing:2px;display:block;color:#1a2b3a;}
.porto__center-title{font-size:20px;font-weight:700;color:#1a2b3a;margin:16px 0;}
.porto__center-prices{display:flex;gap:12px;justify-content:center;align-items:baseline;margin-bottom:16px;}
.porto__center-old{font-size:14px;color:#8898a5;text-decoration:line-through;}
.porto__center-new{font-size:22px;font-weight:800;color:#1a2b3a;}
.porto__center-btn{display:inline-block;background:#1a2b3a;color:#fff;padding:12px 28px;font-size:11px;font-weight:800;letter-spacing:2px;border-radius:3px;transition:background .2s;}
.porto__center-btn:hover{background:#000;}
.porto__right{display:flex;flex-direction:column;gap:12px;}
.porto__promo{border-radius:8px;padding:24px 20px;display:flex;flex-direction:column;justify-content:flex-end;flex:1;min-height:120px;transition:transform .3s;position:relative;overflow:hidden;}
.porto__promo:hover{transform:translateY(-3px);}
.porto__promo--img{background:#E8DDD0!important;}
.porto__promo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.porto__promo-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.45) 0%,rgba(0,0,0,.1) 60%,transparent 100%);}
.porto__promo-tag{font-size:9px;font-weight:800;letter-spacing:2px;color:#fff;opacity:.85;margin-bottom:4px;position:relative;z-index:2;}
.porto__promo-title{font-size:18px;font-weight:800;color:#fff;margin:0 0 8px;position:relative;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.3);}
.porto__promo-btn{font-size:10px;font-weight:800;letter-spacing:2px;color:#fff;opacity:.9;position:relative;z-index:2;}

/* ===== CATEGORY CIRCLES ===== */
.cats{background:#8B9E87;padding:48px 20px;}
.cats__container{max-width:1400px;margin:0 auto;}
.cats__heading{text-align:center;font-size:28px;font-weight:800;color:#fff;margin-bottom:32px;letter-spacing:-0.5px;}
.cats__grid{display:flex;justify-content:center;gap:28px 24px;flex-wrap:wrap;max-width:960px;margin:0 auto;}
.cats__item{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;transition:transform .3s;flex:0 0 calc(16.666% - 20px);}
.cats__item:hover{transform:translateY(-4px);}
.cats__circle{width:110px;height:110px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.3);transition:border-color .3s,transform .3s;background:#F5F1EA;}
.cats__circle img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.cats__item:hover .cats__circle{border-color:#fff;transform:scale(1.06);}
.cats__item:hover .cats__circle img{transform:scale(1.1);}
.cats__name{font-size:13px;font-weight:700;color:#fff;text-align:center;letter-spacing:0.5px;max-width:110px;}

/* ===== PRODUCT GRID (tpg) ===== */
.tpg-wrap{padding:60px 0 70px;overflow:hidden;}
.tpg-container{max-width:1400px;margin:0 auto;padding:0 20px;}
.tpg-header{text-align:center;margin-bottom:44px;}
.tpg-heading{font-size:34px;font-weight:800;color:#1a2b3a;letter-spacing:-0.5px;margin:0 0 14px;position:relative;display:inline-block;}
.tpg-line{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;}
.tpg-line::before,.tpg-line::after{content:'';height:1px;width:60px;background:linear-gradient(90deg,transparent,#d5d0c8);}
.tpg-line::after{background:linear-gradient(90deg,#d5d0c8,transparent);}
.tpg-line-dot{width:8px;height:8px;background:#6B7F68;border-radius:50%;flex-shrink:0;}
.tpg-sub{font-size:13px;color:#8898a5;font-weight:500;letter-spacing:0.3px;margin:0;}
.tpg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.tpg-card{display:flex;flex-direction:column;text-decoration:none;}
.tpg-imgbox{background:#F5F1EA;border-radius:6px;aspect-ratio:1/1;overflow:hidden;position:relative;}
.tpg-imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.tpg-card:hover .tpg-imgbox img{transform:scale(1.05);}
.tpg-badge{position:absolute;top:10px;left:10px;z-index:3;color:#fff;padding:4px 10px;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;border-radius:3px;}
.tpg-cat{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#6B7F68;margin:12px 0 4px;}
.tpg-title{font-size:14px;font-weight:600;color:#1a2b3a;line-height:1.35;margin:0 0 6px;}
.tpg-price{font-size:15px;font-weight:700;color:#1a2b3a;margin:0;}
.tpg-price--call{font-size:12px;font-weight:700;color:#6B7F68;font-style:italic;}
.tpg-price-old{font-size:12px;color:#8898a5;text-decoration:line-through;font-weight:500;margin-left:8px;}
.tpg-footer{text-align:center;margin-top:40px;}
.tpg-view-all{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#1a2b3a;padding:11px 28px;border:1.5px solid #1a2b3a;border-radius:3px;transition:all .22s ease;}
.tpg-view-all:hover{background:#1a2b3a;color:#fff;}
.tpg-view-all span{transition:transform .22s ease;font-size:15px;}
.tpg-view-all:hover span{transform:translateX(4px);}

/* Product Actions — WhatsApp instead of Add to Cart */
.tpg-actions,.tps-actions,.ph-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:6px;margin-top:12px;}
.tpg-qv,.tps-qv,.ph-qv{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;border-radius:3px;transition:all .22s ease;line-height:1;white-space:nowrap;background:#fff;color:#1a2b3a;border:1.5px solid #E2E2E2;}
.tpg-qv:hover,.tps-qv:hover,.ph-qv:hover{background:#f6f8f9;border-color:#1a2b3a;}
.tpg-wa,.tps-wa,.ph-wa{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;border-radius:3px;transition:all .22s ease;line-height:1;white-space:nowrap;background:#25D366;color:#fff;border:1.5px solid #25D366;}
.tpg-wa:hover,.tps-wa:hover,.ph-wa:hover{background:#1fb855;transform:translateY(-1px);box-shadow:0 4px 10px rgba(37,211,102,.3);}
.tpg-qv svg,.tps-qv svg,.ph-qv svg,.tpg-wa svg,.tps-wa svg,.ph-wa svg{width:12px;height:12px;flex-shrink:0;}

/* ===== PROMO BANNER ===== */
.promo-banner{padding:60px 20px;}
.promo-banner__container{max-width:1400px;margin:0 auto;border-radius:12px;display:flex;align-items:stretch;min-height:420px;overflow:hidden;}
.promo-banner__panel{flex:0 0 50%;background:linear-gradient(135deg,#7d9878,#6B7F68);padding:60px 50px;display:flex;flex-direction:column;justify-content:center;color:#fff;}
.promo-banner__eyebrow{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#F5C842;display:block;margin-bottom:12px;}
.promo-banner__title{font-size:38px;font-weight:800;line-height:1.15;margin:0 0 16px;letter-spacing:-0.5px;}
.promo-banner__title em{font-style:italic;color:#F5C842;}
.promo-banner__desc{font-size:15px;line-height:1.7;opacity:.9;margin:0 0 28px;}
.promo-banner__btn{display:inline-flex;align-items:center;gap:8px;background:#1a2b3a;color:#fff;padding:14px 28px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;border-radius:3px;transition:background .2s;align-self:flex-start;}
.promo-banner__btn:hover{background:#111;}
.promo-banner__img{flex:0 0 50%;position:relative;overflow:hidden;}
.promo-banner__img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;}

/* ===== PRODUCT SLIDER (tps) ===== */
.tps-wrap{padding:60px 0 70px;}
.tps-container{max-width:1400px;margin:0 auto;padding:0 20px;}
.tps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #E8E4DC;}
.tps-heading{font-size:32px;font-weight:800;color:#1a2b3a;letter-spacing:-0.5px;margin:0;padding-left:22px;position:relative;}
.tps-heading::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,#6B7F68,#8BBF88);border-radius:2px;}
.tps-controls{display:flex;align-items:center;gap:14px;}
.tps-view-all{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#1a2b3a;padding:11px 22px;border:1.5px solid #1a2b3a;border-radius:3px;transition:all .22s ease;}
.tps-view-all:hover{background:#1a2b3a;color:#fff;}
.tps-view-all span{transition:transform .22s ease;font-size:15px;}
.tps-view-all:hover span{transform:translateX(4px);}
.tps-nav{display:flex;gap:8px;}
.tps-btn{width:42px;height:42px;border-radius:50%;background:#F5F1EA;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a2b3a;font-size:18px;transition:background .2s,transform .2s;}
.tps-btn:hover:not(:disabled){background:#1a2b3a;color:#fff;transform:scale(1.06);}
.tps-btn:disabled{opacity:.3;cursor:default;}
.tps-viewport{overflow:hidden;}
.tps-track{display:flex;gap:20px;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.tps-slide{flex:0 0 calc(25% - 15px);min-width:220px;}
.tps-card{display:flex;flex-direction:column;text-decoration:none;}
.tps-imgbox{background:#F5F1EA;border-radius:4px;aspect-ratio:1/1;overflow:hidden;position:relative;}
.tps-imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.tps-card:hover .tps-imgbox img{transform:scale(1.07);}
.tps-badge{position:absolute;top:10px;left:10px;z-index:3;color:#fff;padding:4px 10px;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;border-radius:3px;}
.tps-cat{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#6B7F68;margin:12px 0 4px;}
.tps-title{font-size:14px;font-weight:600;color:#1a2b3a;line-height:1.35;margin:0 0 6px;}
.tps-price{font-size:15px;font-weight:700;color:#1a2b3a;margin:0;}
.tps-price--call{font-size:12px;font-weight:700;color:#6B7F68;font-style:italic;}

/* ===== FEATURED GRID (ph) ===== */
.ph-wrap{padding:60px 0 70px;}
.ph-container{max-width:1400px;margin:0 auto;padding:0 20px;}
.ph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid #E8E4DC;}
.ph-heading{font-size:32px;font-weight:800;color:#1a2b3a;letter-spacing:-0.5px;margin:0;padding-left:22px;position:relative;}
.ph-heading::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:linear-gradient(180deg,#6B7F68,#8BBF88);border-radius:2px;}
.ph-view-all{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#1a2b3a;padding:11px 22px;border:1.5px solid #1a2b3a;border-radius:3px;transition:all .22s ease;}
.ph-view-all:hover{background:#1a2b3a;color:#fff;}
.ph-view-all span{transition:transform .22s ease;font-size:15px;}
.ph-view-all:hover span{transform:translateX(4px);}
.ph-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:stretch;}
.ph-featured{background:linear-gradient(180deg,#F5F1EA 0%,#EFE9DE 100%);border-radius:6px;padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;transition:box-shadow .4s ease;}
.ph-featured:hover{box-shadow:0 20px 45px rgba(0,0,0,.10);}
.ph-featured__badge{position:absolute;top:24px;left:24px;z-index:5;background:#1a2b3a;color:#fff;padding:8px 16px;font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;border-radius:3px;}
.ph-featured__discount{position:absolute;top:24px;right:24px;z-index:5;width:72px;height:72px;border-radius:50%;background:#d64545;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;line-height:1;box-shadow:0 6px 18px rgba(214,69,69,0.4);}
.ph-featured__discount small{font-size:8px;letter-spacing:1.5px;margin-bottom:3px;}
.ph-featured__discount strong{font-size:22px;}
.ph-featured__discount span{font-size:9px;font-weight:700;margin-top:2px;}
.ph-featured__img{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:32px;min-height:350px;}
.ph-featured__img img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 12px 30px rgba(0,0,0,0.15));}
.ph-featured:hover .ph-featured__img img{transform:scale(1.06);}
.ph-featured__info{padding:28px 32px 34px;background:rgba(255,255,255,0.75);backdrop-filter:blur(8px);border-top:1px solid rgba(0,0,0,0.06);}
.ph-featured__cat{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#6B7F68;margin:0 0 12px;}
.ph-featured__cat::before{content:'';width:20px;height:2px;background:#6B7F68;display:inline-block;}
.ph-featured__title{font-size:26px;font-weight:800;color:#1a2b3a;letter-spacing:-0.5px;line-height:1.15;margin:0 0 12px;}
.ph-featured__desc{font-size:14px;color:#566573;line-height:1.55;margin:0 0 18px;max-width:440px;}
.ph-featured__bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.ph-featured__pricebox{display:flex;align-items:baseline;gap:12px;}
.ph-featured__price{font-size:26px;font-weight:800;color:#1a2b3a;margin:0;}
.ph-featured__price-old{font-size:14px;color:#8898a5;text-decoration:line-through;font-weight:500;}
.ph-featured__cta{display:inline-flex;align-items:center;gap:10px;background:#1a2b3a;color:#fff;padding:14px 26px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;border-radius:3px;transition:background .2s,transform .2s;}
.ph-featured__cta:hover{background:#000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25);}
.ph-featured__cta svg{width:14px;height:14px;}
.ph-side{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:20px;}
.ph-item{display:flex;flex-direction:column;text-decoration:none;}
.ph-item__imgbox{background:#F5F1EA;border-radius:4px;aspect-ratio:1/1;overflow:hidden;position:relative;}
.ph-item__imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.61,.36,1);}
.ph-item:hover .ph-item__imgbox img{transform:scale(1.07);}
.ph-badge{position:absolute;top:10px;left:10px;z-index:3;color:#fff;padding:4px 10px;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;border-radius:3px;}
.ph-item__cat{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#6B7F68;margin:12px 0 4px;}
.ph-item__title{font-size:14px;font-weight:600;color:#1a2b3a;line-height:1.35;margin:0 0 6px;}
.ph-item__price{font-size:15px;font-weight:700;color:#1a2b3a;margin:0;}
.ph-item__price--call{font-size:12px;font-weight:700;color:#6B7F68;font-style:italic;}
.ph-featured__price--call{font-size:16px;font-weight:700;color:#6B7F68;font-style:italic;}

/* ===== FEATURE BANNER ===== */
.feat-banner{background:linear-gradient(135deg,#1a2b3a,#0f1d2b);min-height:540px;display:flex;align-items:center;position:relative;overflow:hidden;padding:60px 20px;}
.feat-banner__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.55),rgba(26,43,58,.55));}
.feat-banner__content{position:relative;z-index:2;max-width:700px;margin:0 auto;color:#fff;}
.feat-banner__badge{display:inline-block;background:#F5C842;color:#1a2b3a;padding:6px 16px;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;border-radius:3px;margin-bottom:12px;}
.feat-banner__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#F5C842;margin-bottom:12px;}
.feat-banner__title{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 16px;letter-spacing:-1px;}
.feat-banner__title em{font-style:italic;color:#F5C842;}
.feat-banner__desc{font-size:16px;line-height:1.7;opacity:.85;margin:0 0 28px;max-width:550px;}
.feat-banner__btns{display:flex;gap:14px;flex-wrap:wrap;}
.feat-banner__btn{padding:14px 28px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;border-radius:3px;transition:all .22s ease;}
.feat-banner__btn--primary{background:#F5C842;color:#1a2b3a;}
.feat-banner__btn--primary:hover{filter:brightness(1.1);transform:translateY(-2px);}
.feat-banner__btn--outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);}
.feat-banner__btn--outline:hover{background:rgba(255,255,255,.1);border-color:#fff;}

/* ===== FOOTER ===== */
.txf{background:#1a2b3a;color:#fff;padding:70px 20px 30px;font-family:inherit;}
.txf__container{max-width:1400px;margin:0 auto;}
.txf__top{display:grid;grid-template-columns:1.5fr 3fr 1.5fr;gap:60px;padding-bottom:50px;border-bottom:1px solid #2d3f52;align-items:start;}
.txf__brand-block{display:flex;flex-direction:column;gap:20px;}
.txf__logo{font-size:26px;font-weight:900;letter-spacing:2px;margin:0;color:#fff;}
.txf__logo::after{content:'.';color:#F5C842;}
.txf__tagline{font-size:14px;line-height:1.65;color:#fff;opacity:0.85;margin:0;max-width:280px;}
.txf__contact{display:flex;flex-direction:column;gap:10px;margin-top:8px;}
.txf__contact-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff;opacity:0.85;text-decoration:none;transition:opacity .2s;}
.txf__contact-item:hover{opacity:1;color:#F5C842;}
.txf__contact-item svg{width:16px;height:16px;flex-shrink:0;stroke:#F5C842;fill:none;stroke-width:2;}
.txf__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.txf__col-title{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0 0 22px;padding-bottom:12px;border-bottom:2px solid #F5C842;display:inline-block;}
.txf__links{display:flex;flex-direction:column;gap:12px;}
.txf__link{color:#fff;opacity:0.85;font-size:14px;transition:color .2s,opacity .2s,padding-left .2s;display:inline-block;}
.txf__link:hover{color:#F5C842;opacity:1;padding-left:6px;}
.txf__newsletter-block{}
.txf__nl-title{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#fff;margin:0 0 12px;padding-bottom:12px;border-bottom:2px solid #F5C842;display:inline-block;}
.txf__nl-desc{font-size:13px;line-height:1.6;color:#fff;opacity:0.85;margin:0 0 16px;}
.txf__nl-form{display:flex;gap:0;border-radius:3px;overflow:hidden;background:rgba(255,255,255,0.08);border:1px solid #2d3f52;}
.txf__nl-form input{flex:1;padding:12px 14px;background:transparent;border:none;color:#fff;font-size:13px;outline:none;font-family:inherit;}
.txf__nl-form input::placeholder{color:#fff;opacity:0.5;}
.txf__nl-form button{background:#F5C842;color:#1a2b3a;border:none;padding:12px 20px;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:filter .2s;font-family:inherit;}
.txf__nl-form button:hover{filter:brightness(1.15);}
.txf__socials{display:flex;gap:10px;margin-top:22px;}
.txf__social{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.08);border:1px solid #2d3f52;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s ease;}
.txf__social:hover{background:#F5C842;color:#1a2b3a;border-color:#F5C842;transform:translateY(-3px);}
.txf__social svg{width:16px;height:16px;fill:currentColor;}
.txf__payments{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap;}
.txf__pay-icon{background:rgba(255,255,255,0.9);padding:5px 10px;border-radius:4px;font-size:9px;font-weight:800;color:#1a2b3a;letter-spacing:0.5px;}
.txf__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;flex-wrap:wrap;gap:16px;}
.txf__copy{font-size:12px;color:#fff;opacity:0.65;margin:0;}
.txf__legal{display:flex;gap:22px;flex-wrap:wrap;}
.txf__legal a{color:#fff;opacity:0.65;font-size:12px;transition:opacity .2s;}
.txf__legal a:hover{opacity:1;color:#F5C842;}

/* ===== WHATSAPP FLOAT ===== */
.wa-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:300;transition:transform .3s,box-shadow .3s;}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.5);}

/* ===== COLLECTION HERO ===== */
.coll-hero{background:#1a2b3a;padding:80px 20px 60px;text-align:center;position:relative;background-size:cover;background-position:center;min-height:260px;display:flex;align-items:center;justify-content:center;}
.coll-hero__overlay{position:absolute;inset:0;background:rgba(26,43,58,.75);}
.coll-hero__content{position:relative;z-index:2;color:#fff;}
.coll-hero__breadcrumb{font-size:13px;margin-bottom:12px;opacity:.7;}
.coll-hero__breadcrumb a{color:#F5C842;opacity:1;}
.coll-hero__breadcrumb span{margin:0 4px;}
.coll-hero__title{font-size:42px;font-weight:800;letter-spacing:-0.5px;margin:0 0 8px;}
.coll-hero__count{font-size:14px;opacity:.6;}

.coll-body{padding:50px 0 70px;}
.coll-body__container{max-width:1400px;margin:0 auto;padding:0 20px;}
.coll-body__empty{text-align:center;padding:60px 20px;font-size:16px;color:#8898a5;}

/* ===== PRODUCT PAGE ===== */
.prod{padding:30px 0 60px;}
.prod__container{max-width:1400px;margin:0 auto;padding:0 20px;}
.prod__breadcrumb{font-size:13px;color:#8898a5;margin-bottom:24px;}
.prod__breadcrumb a{color:#6B7F68;transition:color .2s;}
.prod__breadcrumb a:hover{color:#1a2b3a;}
.prod__breadcrumb span{margin:0 4px;}
.prod__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.prod__gallery{}
.prod__main-img{background:#F5F1EA;border-radius:8px;overflow:hidden;aspect-ratio:1/1;}
.prod__main-img img{width:100%;height:100%;object-fit:cover;}
.prod__thumbs{display:flex;gap:8px;margin-top:12px;}
.prod__thumb{width:72px;height:72px;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;padding:0;transition:border-color .2s;}
.prod__thumb--active{border-color:#1a2b3a;}
.prod__thumb img{width:100%;height:100%;object-fit:cover;}
.prod__info{}
.prod__type{font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#6B7F68;margin:0 0 8px;}
.prod__title{font-size:32px;font-weight:800;letter-spacing:-0.5px;line-height:1.2;margin:0 0 16px;color:#1a2b3a;}
.prod__price-box{display:flex;align-items:baseline;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
.prod__price{font-size:28px;font-weight:800;color:#1a2b3a;}
.prod__price--call{font-size:18px;font-weight:700;color:#6B7F68;font-style:italic;}
.prod__price-old{font-size:16px;color:#8898a5;text-decoration:line-through;}
.prod__price-save{font-size:12px;font-weight:700;color:#d64545;background:#fef2f2;padding:4px 10px;border-radius:20px;}
.prod__desc{font-size:15px;line-height:1.7;color:#566573;margin-bottom:24px;}
.prod__desc p{margin:0 0 12px;}
.prod__variants{margin-bottom:24px;}
.prod__variants-label{font-size:13px;font-weight:700;color:#1a2b3a;margin:0 0 8px;}
.prod__variant-tag{display:inline-block;padding:6px 14px;font-size:12px;font-weight:600;border:1px solid #ddd;border-radius:4px;margin:0 6px 6px 0;color:#566573;}
.prod__cta{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;}
.prod__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;font-size:14px;font-weight:800;letter-spacing:1px;border-radius:4px;transition:all .22s ease;flex:1;min-width:200px;text-align:center;}
.prod__btn--wa{background:#25D366;color:#fff;}
.prod__btn--wa:hover{background:#1fb855;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.3);}
.prod__btn--wa svg{width:20px;height:20px;flex-shrink:0;}
.prod__btn--call{background:#fff;color:#1a2b3a;border:2px solid #1a2b3a;}
.prod__btn--call:hover{background:#1a2b3a;color:#fff;}
.prod__btn--call svg{width:20px;height:20px;flex-shrink:0;}
.prod__tags{font-size:13px;color:#8898a5;}
.prod__tags span{margin-right:8px;}
.prod__tags a{color:#6B7F68;margin-right:8px;transition:color .2s;}
.prod__tags a:hover{color:#1a2b3a;}

/* ===== PAGE HERO ===== */
.page-hero{background:#1a2b3a;color:#fff;text-align:center;padding:80px 20px 50px;}
.page-hero h1{font-size:42px;font-weight:800;letter-spacing:-0.5px;margin:0 0 8px;}
.page-hero p{font-size:15px;opacity:.6;}

/* ===== ABOUT PAGE ===== */
.about{padding:60px 0;}
.about__container{max-width:1200px;margin:0 auto;padding:0 20px;}
.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.about__text h2{font-size:28px;font-weight:800;margin:0 0 16px;color:#1a2b3a;}
.about__text p{font-size:15px;line-height:1.7;color:#566573;margin:0 0 14px;}
.about__features{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.about__feature{background:#F9F7F3;padding:24px;border-radius:8px;text-align:center;}
.about__feature-icon{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;}
.about__feature-icon svg{width:32px;height:32px;stroke:#6B7F68;fill:none;stroke-width:1.5;}
.about__feature h3{font-size:15px;font-weight:800;margin:0 0 6px;color:#1a2b3a;}
.about__feature p{font-size:13px;color:#8898a5;margin:0;}

/* ===== CONTACT PAGE ===== */
.contact{padding:60px 0;}
.contact__container{max-width:1200px;margin:0 auto;padding:0 20px;}
.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.contact__info h2{font-size:28px;font-weight:800;margin:0 0 12px;color:#1a2b3a;}
.contact__info>p{font-size:15px;line-height:1.7;color:#566573;margin:0 0 24px;}
.contact__items{display:flex;flex-direction:column;gap:16px;}
.contact__item{display:flex;align-items:center;gap:16px;padding:16px;background:#F9F7F3;border-radius:8px;transition:transform .2s;text-decoration:none;color:#1a2b3a;}
.contact__item:hover{transform:translateX(4px);}
.contact__item svg{width:24px;height:24px;flex-shrink:0;stroke:#6B7F68;fill:none;stroke-width:2;}
.contact__item strong{display:block;font-size:14px;font-weight:700;}
.contact__item span{font-size:13px;color:#566573;}
.contact__form{background:#F9F7F3;padding:36px;border-radius:12px;}
.contact__field{margin-bottom:16px;}
.contact__field input,.contact__field textarea{width:100%;padding:14px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;transition:border-color .2s;outline:none;}
.contact__field input:focus,.contact__field textarea:focus{border-color:#6B7F68;}
.contact__submit{display:block;width:100%;padding:16px;background:#1a2b3a;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:background .2s;}
.contact__submit:hover{background:#000;}

/* ===== RESPONSIVE ===== */
@media(max-width:1050px){
  .porto__container{grid-template-columns:1fr 1fr;min-height:auto;}
  .porto__left{display:none;}
  .ph-grid{grid-template-columns:1fr;}
  .ph-featured__title{font-size:22px;}
  .txf__top{grid-template-columns:1fr;gap:40px;}
  .txf__cols{grid-template-columns:repeat(2,1fr);gap:30px;}
  .about__grid,.contact__grid{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:900px){
  .tpg-grid{grid-template-columns:repeat(3,1fr);gap:16px;}
  .tpg-heading{font-size:26px;}
  .tps-slide{flex:0 0 calc(50% - 10px);min-width:150px;}
  .tps-heading{font-size:24px;}
}
@media(max-width:768px){
  .nav__links,.nav__actions{display:none;}
  .nav__burger{display:block;}
  .prod__grid{grid-template-columns:1fr;gap:32px;}
  .prod__title{font-size:26px;}
  .prod__price{font-size:24px;}
  .porto__container{grid-template-columns:1fr;gap:14px;}
  .porto__center{min-height:300px;}
  .porto__right{flex-direction:row;}
  .porto__promo{min-height:140px;}
  .coll-hero__title{font-size:32px;}
  .promo-banner__container{flex-direction:column;}
  .promo-banner__panel{flex:none;padding:40px 28px;text-align:center;}
  .promo-banner__btn{align-self:center;}
  .promo-banner__img{flex:none;min-height:260px;}
  .promo-banner__title{font-size:28px;}
  .feat-banner__title{font-size:32px;}
  .about__features{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .tpg-wrap,.tps-wrap,.ph-wrap{padding:40px 0 48px;}
  .tpg-container,.tps-container,.ph-container{padding:0 14px;}
  .tpg-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .tpg-heading{font-size:20px;}
  .tpg-sub{font-size:11px;}
  .tpg-line::before,.tpg-line::after{width:30px;}
  .tpg-cat,.tps-cat,.ph-item__cat{font-size:8px;margin:8px 0 2px;letter-spacing:1.5px;}
  .tpg-title,.tps-title,.ph-item__title{font-size:11px;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .tpg-price,.tps-price,.ph-item__price{font-size:12px;}
  .tpg-actions,.tps-actions,.ph-actions{grid-template-columns:1fr;gap:5px;margin-top:8px;}
  .tpg-qv,.tps-qv,.ph-qv,.tpg-wa,.tps-wa,.ph-wa{padding:8px 6px;font-size:9px;letter-spacing:1px;}
  .tpg-view-all,.tps-view-all,.ph-view-all{font-size:10px;padding:10px 20px;letter-spacing:1.5px;}
  .tpg-footer,.tps-footer{margin-top:28px;}
  .tps-header{margin-bottom:22px;padding-bottom:14px;flex-wrap:wrap;gap:12px;}
  .tps-heading{font-size:20px;padding-left:14px;}
  .tps-heading::before{height:22px;}
  .tps-controls{gap:8px;}
  .tps-view-all{padding:9px 14px;font-size:10px;letter-spacing:1.5px;}
  .tps-nav{display:none;}
  .tps-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .tps-viewport::-webkit-scrollbar{display:none;}
  .tps-track{gap:12px;transform:none!important;transition:none;}
  .tps-slide{flex:0 0 calc(50% - 6px);min-width:0;scroll-snap-align:start;}
  .ph-header{margin-bottom:22px;padding-bottom:14px;flex-wrap:wrap;gap:12px;}
  .ph-heading{font-size:22px;padding-left:16px;}
  .ph-heading::before{height:22px;}
  .ph-view-all{padding:9px 16px;font-size:11px;letter-spacing:1.5px;}
  .ph-side{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:14px;}
  .ph-featured__img{min-height:200px;padding:18px;}
  .ph-featured__info{padding:20px 20px 22px;}
  .ph-featured__title{font-size:20px;line-height:1.2;}
  .ph-featured__desc{font-size:13px;margin-bottom:16px;}
  .ph-featured__badge{top:14px;left:14px;padding:6px 12px;font-size:9px;letter-spacing:2px;}
  .ph-featured__discount{top:14px;right:14px;width:58px;height:58px;}
  .ph-featured__discount strong{font-size:18px;}
  .ph-featured__bottom{flex-direction:column;align-items:stretch;gap:14px;}
  .ph-featured__pricebox{justify-content:flex-start;}
  .ph-featured__price{font-size:22px;}
  .ph-featured__cta{justify-content:center;width:100%;padding:13px 18px;}
  .cats__grid{gap:20px 12px;}
  .cats__circle{width:130px;height:130px;}
  .cats__name{font-size:13px;max-width:130px;}
  .cats__heading{font-size:22px;margin-bottom:24px;}
  .announce{overflow:hidden;}
  .announce__item{font-size:10px;letter-spacing:1px;gap:7px;}
  .announce__year{font-size:11px;letter-spacing:1.5px;}
  .announce__sep{font-size:10px;}
  .cats__item{flex:0 0 calc(50% - 12px);}
  .porto__right{flex-direction:column;}
  .porto__promo{padding:18px 16px;min-height:100px;}
  .porto__promo-title{font-size:15px;}
  .porto__center{padding:24px;}
  .porto__center-inner{background:rgba(255,255,255,.82);border-radius:8px;padding:20px 18px;}
  .porto__center-disc{font-size:48px;}
  .porto__center-title{font-size:16px;}
  .prod__btn{min-width:auto;padding:14px 20px;font-size:13px;}
  .page-hero h1{font-size:30px;}
  .about__features{grid-template-columns:1fr;}
  .feat-banner{min-height:400px;padding:40px 20px;}
  .feat-banner__title{font-size:26px;}
  .feat-banner__desc{font-size:14px;}
  .txf__cols{grid-template-columns:1fr;}
  .txf__bottom{flex-direction:column;text-align:center;}
}
@media(max-width:520px){
  .ph-side{grid-template-columns:1fr;gap:16px;}
  .ph-item__title{font-size:14px;}
  .ph-item__price{font-size:15px;}
}