/* OCTAY OUTDOOR / V3.2 FINAL PRO — customer-first storefront */
:root{--deep:#0d2b45;--ink:#102c46;--leaf:#f05a21;--gold:#ffb65d;--muted:#637586;--line:#dce7ee;--soft:#f4f8fb;--sand:#fff4e7}
html{scroll-padding-top:110px}body{background:#fff;color:var(--ink)}
.btn{box-shadow:0 5px 14px rgba(12,39,65,.05);transition:background .22s,transform .22s,box-shadow .22s,border-color .22s}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 24px rgba(12,39,65,.14)}
.btn:active{transform:translateY(0)}
.btn-outline:hover{border-color:#92bad1;background:#eff8ff}
.brand-name{letter-spacing:-.045em}
.main-nav a{transition:color .2s}
.nav-whatsapp{background:#158d51;color:#fff!important;box-shadow:0 6px 20px rgba(21,141,81,.15)}.nav-whatsapp:hover{background:#0d7742}
/* The wide brand image is a banner, never squashed into a small hero card. */
.octay-promo-banner{padding:24px 0 12px;background:linear-gradient(180deg,#edf6fc,#f9fcfe)}
.octay-promo-banner .container{max-width:1320px}
.octay-promo-banner img{width:100%;height:auto;aspect-ratio:4 / 1;object-fit:cover;border-radius:20px;box-shadow:0 20px 55px rgba(9,44,74,.1);border:1px solid #d3e5f2;display:block}
.octay-hero{background:linear-gradient(165deg,#f9fcff 0%,#eef6fb 59%,#f7fbfd 100%);padding:84px 0 90px;overflow:hidden}
.octay-hero-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:72px;align-items:center}
.octay-hero-copy{position:relative;z-index:1}
.octay-hero-copy .hero-chip{border-color:#bcd9e9;background:#fff;color:#165579;font-size:11px;letter-spacing:.11em}
.octay-hero-copy h1{font-family:'Outfit',sans-serif;font-size:clamp(52px,5.4vw,84px);font-weight:850;letter-spacing:-.065em;line-height:1.035;margin:30px 0 24px;color:#102f4b}
.octay-hero-copy h1 em{display:block;color:#ee5a22}
.octay-hero-copy>p{max-width:550px;font-size:17px;line-height:1.85;color:#596f80;margin-bottom:0}
.octay-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:32px 0 23px}
.octay-hero-actions .btn-outline{background:#fff;border-color:#b9d2df;color:#194766}
.octay-hero-notes{display:flex;flex-wrap:wrap;gap:10px}
.octay-hero-notes span{font-size:11px;letter-spacing:.015em;color:#45657b;font-weight:700;background:rgba(255,255,255,.92);border:1px solid #d4e6ef;border-radius:50px;padding:10px 13px}
.octay-hero-visual{position:relative;padding:17px;border:1px solid #cfdfeb;border-radius:33px;background:#fff;box-shadow:0 29px 70px rgba(17,62,95,.15);transform:rotate(1.3deg);transition:transform .3s}
.octay-hero-visual:hover{transform:rotate(0)}
.octay-hero-visual img{width:100%;height:445px;border-radius:23px;object-fit:cover;object-position:center;background:#d2e6df}
.octay-hero-label{position:absolute;bottom:0;left:-25px;right:18%;transform:translateY(26%);display:flex;flex-direction:column;gap:4px;padding:17px 22px;background:#102e49;color:#fff;border:1px solid #28536f;border-radius:14px;box-shadow:0 15px 28px rgba(9,36,61,.2)}
.octay-hero-label strong{font-family:'Outfit',sans-serif;font-size:22px;letter-spacing:-.03em}.octay-hero-label span{color:#d6e9f3;font-size:12px}
.octay-benefits{background:#0d2b45;color:#fff;padding:35px 0}
.octay-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.octay-benefit-grid>div{display:grid;grid-template-columns:45px 1fr;column-gap:16px;align-items:start}
.octay-benefit-icon{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;background:rgba(244,121,50,.17);border:1px solid rgba(255,169,103,.3);color:#ffc18f;border-radius:12px;font-weight:900;font-size:15px}
.octay-benefit-grid strong{font-family:'Outfit',sans-serif;font-size:20px;line-height:1.25;margin-bottom:3px}
.octay-benefit-grid p{font-size:12px;color:#bdd0de;line-height:1.7;margin:0}
.section{padding-top:90px;padding-bottom:90px}
.section-intro h2{font-size:clamp(36px,4vw,56px);line-height:1.12}
.section-intro>p{max-width:350px;color:#5f7686;font-size:14px}
.section-categories{background:#fff}.category-grid{gap:16px}
.category-card{border:1px solid #dce7ef;border-radius:19px;background:linear-gradient(145deg,#eef7fb,#fff);min-height:210px}
.category-card:hover{border-color:#ffc18f;box-shadow:0 22px 38px rgba(12,56,90,.1)}
.category-card h3{color:#10324f}.category-card>img{mix-blend-mode:multiply;filter:saturate(.95)}
.category-arrow{color:#ec5d26}
.product-card{border-radius:17px;border:1px solid #dce7ef;box-shadow:0 10px 24px rgba(14,48,79,.035)}
.product-card:hover{border-color:#bfd9e8;box-shadow:0 19px 38px rgba(12,56,90,.13)}
.product-media{background:#f4f8f9}
.product-body{padding-bottom:16px}
.product-quick-consult{display:inline-flex;align-items:center;justify-content:center;min-height:35px;margin-top:14px;padding:7px 12px;border:1px solid #9cd7b1;border-radius:9px;font-size:11px;font-weight:800;color:#137946;background:#f3fcf6;transition:transform .18s,background .18s}
.product-quick-consult:hover{background:#daf4e3;transform:translateY(-2px)}
.octay-story{background:linear-gradient(110deg,#0d2b45,#134b70);color:#fff;padding:85px 0;overflow:hidden}
.octay-story-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:70px}
.octay-story h2{font-size:clamp(43px,4.6vw,63px);line-height:1.07;max-width:720px;margin:21px 0}.octay-story h2 em{color:#ffbd80}
.octay-story p{font-size:16px;line-height:1.9;color:#cce1ee;max-width:610px;margin-bottom:25px}
.octay-story-visual{justify-self:center;max-width:300px;text-align:center;position:relative}
.octay-story-visual img{width:260px;height:260px;object-fit:cover;box-shadow:0 22px 55px #0004;border:9px solid #fff;border-radius:50%;margin-inline:auto}
.octay-story-visual div{margin-top:22px}.octay-story-visual strong,.octay-story-visual span{display:block}.octay-story-visual strong{font-family:'Outfit',sans-serif;font-size:25px}.octay-story-visual span{color:#cee4ed;font-size:13px;margin-top:4px}
.steps-section{background:#fff}.step{border-radius:20px;border:1px solid #e4ebee;box-shadow:0 12px 24px rgba(17,44,69,.04)}.step:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(17,44,69,.1)}
.latest-section,.featured-section{background:#f5f9fc}
.faq-section{background:#fff}
.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.faq-item{border-radius:15px}
.faq-item summary{position:relative;padding-right:26px;font-size:19px;list-style:none}
.faq-item summary:after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400;color:#ec5f29}
.faq-item[open] summary:after{content:'−'}
.faq-item[open]{border-color:#abcadd}
.octay-contact{scroll-margin-top:82px;background:linear-gradient(120deg,#0c2a45,#18567f);color:white;padding:85px 0;position:relative;overflow:hidden}
.octay-contact:after{content:'✦';pointer-events:none;position:absolute;right:-15px;bottom:-140px;color:#ffffff0b;font-size:500px;line-height:1}
.octay-contact-wrap{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:42px;position:relative;z-index:1}
.octay-contact h2{font-size:clamp(40px,4.4vw,61px);line-height:1.08;letter-spacing:-.06em;margin:17px 0}
.octay-contact h2 em{color:#ffa568}
.octay-contact p{max-width:700px;font-size:16px;line-height:1.75;color:#c9e0ed}
.octay-contact-details{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}
.octay-contact-details span{border:1px solid #ffffff33;border-radius:50px;padding:10px 14px;background:#ffffff0c;color:#edf7ff;font-size:12px}
.octay-contact-action{display:flex;flex-direction:column;align-items:stretch;gap:13px;text-align:center}
.octay-contact-action small{font-size:11px;color:#d4e6f1}
.octay-whatsapp-btn{background:#1aa35b!important;color:#fff!important;min-height:65px;font-size:17px!important;box-shadow:0 14px 30px #0002}.octay-whatsapp-btn:hover{background:#0f8c4d!important}
.octay-contact-pending{padding:15px;background:#ffffff17;border:1px solid #ffffff29;border-radius:12px;font-size:14px;line-height:1.7}
.site-footer{background:#071d30}
.floating-whatsapp{z-index:70;min-height:56px;box-shadow:0 15px 40px rgba(12,42,66,.25)}
.floating-whatsapp:hover{transform:translateY(-4px) scale(1.025)}
/* Admin: clear brand hierarchy and secure credentials */
.admin-header{background:#102f4b}.admin-content{padding-top:52px}
.admin-page-heading h1{letter-spacing:-.04em}.editor-card{border:1px solid #d9e5ed;border-radius:18px;box-shadow:0 10px 24px #0a2d4b09}
.admin-table thead th{letter-spacing:.06em}
.admin-list-tools input{border-radius:9px;border:1px solid #cadce6}
.login-section{background:radial-gradient(circle at top right,#e8f6ff,transparent 50%),#f7fbfd}
.login-card{max-width:475px;width:100%;padding:39px;border-radius:20px}
.login-card label{margin:12px 0 8px}.login-card input{border:1px solid #cbdfe8;border-radius:10px}
.admin-login-hint{padding:22px 25px;border-radius:15px;border:1px solid #c9e0ed;background:#eff8fd;margin:18px 0}
.admin-login-hint strong{display:block;font-size:17px;font-family:'Outfit',sans-serif;color:#143b59}.admin-login-hint p{font-size:12px;line-height:1.8;color:#4e7085;margin:9px 0 0}
.admin-login-hint code{font-size:12px;background:#fff;padding:2px 5px;border-radius:4px}
@media(max-width:1180px){.octay-hero-layout{gap:30px}.octay-hero-copy h1{font-size:clamp(48px,5.2vw,69px)}.octay-hero-visual img{height:390px}}
@media(max-width:950px){.octay-hero{padding:54px 0 65px}.octay-hero-layout{grid-template-columns:1fr;gap:43px}.octay-hero-copy h1{font-size:clamp(48px,7vw,72px)}.octay-hero-visual{max-width:700px;justify-self:center}.octay-hero-visual img{height:370px}.octay-benefit-grid{gap:15px}.octay-benefit-grid strong{font-size:17px}.octay-story-grid{gap:28px}.octay-contact-wrap{grid-template-columns:1fr}.octay-contact-action{align-items:flex-start}.octay-whatsapp-btn{min-width:280px}}
@media(max-width:650px){html{scroll-padding-top:72px}.octay-promo-banner{padding:13px 0 6px}.octay-promo-banner img{border-radius:10px;aspect-ratio:4 / 1;object-fit:cover}.octay-hero{padding:45px 0 64px}.octay-hero-copy h1{font-size:clamp(43px,11vw,56px);line-height:1.04;margin:20px 0}.octay-hero-copy>p{font-size:14px;line-height:1.8}.octay-hero-actions{margin:26px 0 18px;display:grid;grid-template-columns:1fr;gap:10px}.octay-hero-actions .btn{width:100%;min-height:51px;white-space:normal;text-align:center}.octay-hero-notes{gap:8px}.octay-hero-notes span{font-size:10px;padding:8px 11px}.octay-hero-visual{padding:8px;border-radius:22px;transform:none;width:100%}.octay-hero-visual img{height:280px;border-radius:17px}.octay-hero-label{position:relative;left:auto;right:auto;bottom:auto;transform:translateY(-4px);padding:13px 16px;border-radius:11px}.octay-benefits{padding:23px 0}.octay-benefit-grid{grid-template-columns:1fr;gap:21px}.octay-benefit-grid>div{grid-template-columns:41px 1fr}.section{padding-top:62px;padding-bottom:62px}.section-intro h2{font-size:clamp(35px,10vw,43px)}.product-quick-consult{width:100%;font-size:10px;padding:7px 6px}.octay-story{padding:59px 0}.octay-story-grid{grid-template-columns:1fr;gap:30px}.octay-story h2{font-size:44px}.octay-story p{font-size:13px}.octay-story-visual img{width:180px;height:180px}.faq-grid{grid-template-columns:1fr}.faq-item summary{font-size:17px}.octay-contact{padding:58px 0}.octay-contact h2{font-size:41px}.octay-contact p{font-size:13px}.octay-contact-details{gap:7px}.octay-contact-details span{font-size:11px}.octay-contact-action{align-items:stretch}.octay-whatsapp-btn{min-width:0;width:100%}.admin-login-hint{padding:18px}.admin-content{padding-top:38px}}
@media(max-width:370px){.octay-hero-copy h1{font-size:42px}.octay-hero-visual img{height:245px}.octay-story h2{font-size:39px}.octay-contact h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}