/* Náutico Eyewear — apresentação editorial */
:root{
 --navy:#071b36;
 --navy2:#0c2947;
 --gold:#d7b878;
 --ink:#101e30;
 --muted:#596678;
 --line:#e5e9ed;
 --bg:#f7f8f9;
 --body-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
 --display-font:"Manrope","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
 --surface:#f7f8fa;
 --radius-card:18px
}
html{scroll-padding-top:85px}
body{font-family:var(--body-font);font-size:15px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif{font-family:var(--display-font);font-weight:700;letter-spacing:-.045em;line-height:1.12;text-wrap:balance}
.wrap{max-width:1300px;padding-inline:clamp(20px,4vw,48px)}
.site-header{position:sticky;top:0;background:rgba(7,27,54,.98);box-shadow:0 1px 0 rgba(255,255,255,.13);z-index:60}
.header-main{height:80px;gap:25px}
.header-main>a{flex-shrink:0}
.brand{min-width:auto}
.brand-anchor{width:37px;height:47px}
.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:30px;font-weight:400;letter-spacing:.085em}
.brand-sub{font:500 9px/1 var(--body-font);letter-spacing:.42em}
.brand-sep{height:37px}
.nav{gap:26px;font-weight:560;font-size:13px}
.nav a{font-size:13px;letter-spacing:-.01em;padding-block:12px}
.nav a:hover,.nav a[aria-current=page]{color:#e3c98f}
.nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#d7b878;text-underline-offset:9px;text-decoration-thickness:1.5px}
.nav .contact-btn{border-radius:999px;border-color:rgba(255,255,255,.68);padding:12px 20px!important}
.menu-toggle{border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:9px 17px;min-height:44px;font-size:13px;font-weight:650}
.hero{background:linear-gradient(118deg,#06152b 2%,#0b3456 80%);border:0}
.hero .wrap{max-width:1340px}
.hero-card{grid-template-columns:minmax(0,47%) minmax(0,53%);min-height:550px}
.hero-copy{padding:88px clamp(26px,5vw,70px) 97px 8px}
.hero-copy .eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:#f4dca5}
.hero-copy .eyebrow:before{width:32px;height:1px}
.hero-copy h1{font-family:var(--display-font);font-size:clamp(43px,4.35vw,66px);font-weight:750;line-height:1.055;letter-spacing:-.062em;max-width:13ch;margin:25px 0 24px}
.hero-copy p{font-size:17px;max-width:34ch;line-height:1.72;color:#dae7f2}
.pill-gold{background:#e4c991;color:#081b31;border-radius:999px;min-height:50px;padding:14px 26px;margin-top:25px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}
.pill-gold:hover{background:#f3dbad;transform:translateY(-2px)}
.hero-image{background:#183c5e}
.hero-image:before{background:linear-gradient(90deg,rgba(5,23,45,.4),transparent 34%)}
.hero-image img{width:100%;height:100%;min-height:550px;max-height:560px;object-fit:cover;object-position:50% 33%;filter:saturate(.94)}
.hero-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.65);background:rgba(8,25,48,.55)}
.hero-controls{bottom:24px;z-index:4;gap:10px}
.hero-dot{height:9px;width:9px;background:rgba(255,255,255,.38);border-color:rgba(255,255,255,.65)}
.hero-dot[aria-current=true]{width:25px;border-radius:10px;background:#fff}
.hero-pause{width:29px;height:29px}
.benefits{background:#fafbfc;border-bottom:1px solid #e8ecf0}
.benefit-row{padding-top:24px;padding-bottom:24px;gap:0}
.benefit{padding-inline:23px;gap:14px;align-items:center;border-right:1px solid #dce3ea}
.benefit:first-child{padding-left:0}
.benefit:last-child{padding-right:0}
.benefit-symbol{font:500 26px/1 var(--body-font);min-width:26px;color:#8d7040}
.benefit strong{font-family:var(--body-font);font-size:13px;font-weight:700;letter-spacing:-.015em}
.benefit small{font-size:12px;line-height:1.55;color:var(--muted);margin-top:4px}
.section{padding:86px 0;scroll-margin-top:85px}
.section-heading{margin-bottom:32px}
.section-heading h2{font-family:var(--display-font);font-size:clamp(32px,3.45vw,48px);font-weight:750;letter-spacing:-.055em;line-height:1.13}
.section-heading p{font-size:16px;line-height:1.6;letter-spacing:-.01em;color:var(--muted)}
.section-heading-editorial{text-align:left;max-width:760px;margin-bottom:31px}
.section-heading-editorial h2{margin:8px 0 12px}
.section-heading-editorial p{margin:0;max-width:55ch}
.section-kicker{display:inline-block;font:700 11px/1.5 var(--body-font);color:#7e6239;letter-spacing:.17em}
.heading-line:before,.heading-line:after{height:1px;background:#c7a870;width:40px}
.section-collections{background:#fff;padding-bottom:94px}
.section-collections .categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.category{height:365px;border-radius:18px;isolation:isolate;background:#e7eaed;box-shadow:none}
.category img{object-position:center 48%;filter:saturate(.93);transition:transform .5s ease}
.category:after{inset:22% 0 0;background:linear-gradient(180deg,transparent,rgba(5,20,40,.86))}
.category-name{left:30px;bottom:31px;font-family:var(--display-font);font-size:clamp(20px,2vw,30px);font-weight:750;letter-spacing:-.035em}
.category-name:after{display:none}
.category-visit{position:absolute;z-index:2;right:27px;bottom:27px;color:#fff;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.76);border-radius:50%;font-size:20px}
.category:hover img{transform:scale(1.045)}
.section-showcase{background:#f8f9fa;padding-block:88px 94px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.product-grid.is-single{grid-template-columns:minmax(0,390px)}
.product-card{background:#fff;border:1px solid #e8ebef;border-radius:20px;padding:15px 15px 20px;box-shadow:0 2px 10px rgba(4,20,40,.025);text-align:left;min-width:0;transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}
.product-card:hover{transform:translateY(-3px);border-color:#d7dfe7;box-shadow:0 18px 35px rgba(5,27,53,.075)}
.product-photo{height:260px;background:#f5f6f7;border-radius:13px;display:grid;place-items:center}
.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .28s ease}
.product-card:hover .product-photo img{transform:scale(1.025)}
.product-card h3{font:750 18px/1.35 var(--display-font);letter-spacing:-.035em;margin:20px 5px 5px}
.product-card p{font:500 13px/1.6 var(--body-font);margin:0 5px 19px;color:#697587}
.product-card .outline-btn{margin-left:5px}
.outline-btn,.gift-quick-consult{border:1px solid #0b2745;border-radius:999px;min-height:43px;padding:10px 20px;font:700 12px/1.4 var(--body-font);letter-spacing:0;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.outline-btn:hover,.gift-quick-consult:hover{background:#0b2745;color:#fff}
.catalog-browse{margin:34px auto 0;display:flex;align-items:center;justify-content:center;gap:16px;max-width:max-content;min-height:46px;padding:11px 25px;border:1px solid #092441;border-radius:999px;font:700 13px/1.4 var(--body-font);transition:background .2s,color .2s}
.catalog-browse:hover{background:#092441;color:#fff}
.gift-editorial{margin:0;background:#0b233d}
.gift-editorial .wrap{max-width:1300px}
.gift-editorial-grid{grid-template-columns:1fr 1fr;min-height:450px}
.gift-editorial-media{min-height:450px;background:#d8dcdf}
.gift-editorial-media img{object-position:center 52%;filter:saturate(.85)}
.gift-editorial-copy{padding:50px clamp(32px,5vw,74px)}
.gift-editorial h2{font-family:var(--display-font);font-weight:750;letter-spacing:-.054em;font-size:clamp(34px,3.8vw,53px);line-height:1.11;margin:22px 0 18px}
.gift-editorial p{max-width:43ch;font-size:16px;line-height:1.75;color:#e5eaf2}
.gift-editorial .gift-btn{background:#e4c991;border-radius:999px;padding:14px 24px;font-size:13px}
.gift-page-hero{background:linear-gradient(125deg,#071b35,#0e3453)}
.gift-page-hero h1{font-weight:750;letter-spacing:-.05em}
.gift-style-card{border-radius:18px}
.gift-style-card span{font-family:var(--display-font)}
.gift-models{background:#f8f9fa}
.gift-filters a{font-size:13px;border-radius:999px}
.gift-guide{background:#f7f8fa}
.gift-guide h2,.gift-case-content h2{font-family:var(--display-font);letter-spacing:-.05em}
.gift-quick-consult{margin:12px 5px 5px;background:#0b2745;color:#fff}
.about-banner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#081c35;min-height:430px}
.about-photo{position:relative;background:#1d517c}
.about-photo img{height:100%;max-height:none;min-height:430px;object-fit:cover;object-position:center 45%}
.about-copy{padding:50px clamp(35px,6vw,95px)}
.about-copy .eyebrow{color:#dcc493;font-size:11px;letter-spacing:.18em}
.about-copy h2{font-family:var(--display-font);font-size:clamp(33px,3.35vw,47px);font-weight:750;letter-spacing:-.055em;line-height:1.12;margin:16px 0}
.about-copy p{font-size:15px;line-height:1.75;color:#dce5f0}
.about-copy .outline-btn{border-color:rgba(255,255,255,.76);border-radius:999px;max-width:max-content;margin-top:13px;min-width:0}
.talk{background:#f6f7f8;padding:35px 0}
.talk-inner{border:1px solid #e4e8ec;border-radius:19px;padding:30px 34px;background:#fff}
.talk h2{font-family:var(--display-font);font-size:25px;font-weight:750;letter-spacing:-.04em}
.talk p{font-size:14px}
.talk .outline-btn{border-radius:999px;background:#091f3e;padding:13px 24px}
.footer{background:#071b36;padding-top:75px}
.footer-cols{gap:45px}
.footer h3{font-size:13px;font-weight:700;letter-spacing:.015em;margin-bottom:18px}
.footer a{font-size:13px}
.footer-bottom{margin-top:58px;color:#c6d0dd;border-color:rgba(255,255,255,.18)}
.footer .footer-social-icon{border-color:rgba(255,255,255,.3)}
.subhero{background:linear-gradient(112deg,#071b35,#0b3154);padding:66px 0 73px}
.subhero h1{font-family:var(--display-font);font-size:clamp(38px,4.6vw,62px);font-weight:750;letter-spacing:-.058em;line-height:1.08;margin-bottom:12px}
.subhero p{font-size:16px;line-height:1.7;color:#d9e3ee}
.catalog-filters{background:#fff;border:1px solid #e4e8ed;border-radius:18px;padding:23px 24px;margin-bottom:35px;gap:15px}
.catalog-filters input,.catalog-filters select{border-radius:10px}
.catalog-filters button{background:#092441;border-radius:999px;padding-inline:25px;font-size:13px;font-weight:700}
.catalog-filters>a{font-size:12px;color:#314e6c}
.detail-grid{gap:clamp(26px,5vw,75px);align-items:start}
.detail-primary{max-height:580px;border-radius:20px!important;background:#f5f6f7;border:0!important}
.detail-grid h2{font-size:clamp(30px,3.7vw,48px);margin:14px 0 22px}
.detail-grid p{font-size:15px;line-height:1.85;color:#415166}
.detail-grid .outline-btn{background:#081e3b;color:#fff;min-height:48px;border-radius:999px;margin-top:12px}
.detail-grid .outline-btn:hover{background:#143c60}
.related-collection h2{font-size:clamp(26px,3vw,36px)}
.form{border-radius:18px;padding:clamp(20px,3vw,38px)}
.form input,.form textarea{border-radius:10px}
.form button{border-radius:999px;padding:14px 25px;font-weight:700}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #a27b38;outline-offset:4px}
@media(max-width:1100px){
 .nav{gap:15px}
 .header-main{height:72px}
 .category{height:310px}
 .hero-card{min-height:480px}
 .hero-image img{min-height:480px;max-height:500px}
 .benefit{padding-inline:14px}
 .product-photo{height:230px}
}
@media(min-width:721px) and (max-width:1050px){
 .menu-toggle{display:block}
 .nav{display:none;position:absolute;top:72px;left:0;right:0;background:#071b36;padding:16px 25px 24px;flex-direction:column;align-items:stretch;gap:0}
 .nav.is-open{display:flex}
 .nav a{padding:12px}
}
@media(max-width:800px){
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .product-photo{height:220px}
 .section-collections .categories{gap:15px}
 .category{height:265px}
 .benefit-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:17px}
 .benefit:nth-child(2){border-right:0}
 .benefit:nth-child(3){padding-left:0}
 .section{padding-block:64px}
 .gift-editorial-grid{min-height:390px}
 .gift-editorial-media{min-height:390px}
 .about-photo img{min-height:360px}
}
@media(max-width:720px){
 .wrap{padding-inline:20px}
 .site-header{position:sticky;top:0}
 .header-main{height:70px}
 .menu-toggle{min-height:42px;padding:8px 15px}
 .brand-name{font-size:24px}
 .brand-anchor{width:31px;height:41px}
 .brand-sep{height:32px}
 .brand-sub{font-size:8px}
 .hero-card{grid-template-columns:1fr;min-height:0}
 .hero-copy{padding:40px 0 30px}
 .hero-copy .eyebrow{font-size:10px}
 .hero-copy h1{font-size:clamp(34px,9vw,46px);max-width:100%;letter-spacing:-.058em;margin:18px 0 15px;line-height:1.08}
 .hero-copy p{font-size:15px;line-height:1.66;max-width:36ch}
 .hero-copy .pill-gold{margin-top:12px;min-height:46px;padding:12px 21px;font-size:12px}
 .hero-image{min-height:305px}
 .hero-image img{min-height:305px;max-height:320px;object-position:center 31%}
 .hero-controls{bottom:12px;gap:9px}
 .hero-dot{width:8px;height:8px}
 .hero-dot[aria-current=true]{width:22px}
 .benefit-row{padding-top:20px;padding-bottom:20px;gap:13px 9px}
 .benefit{padding:8px 7px 8px 0;gap:8px}
 .benefit strong{font-size:11px;line-height:1.35;display:block}
 .benefit small{font-size:11px;line-height:1.4}
 .benefit-symbol{font-size:22px;min-width:22px}
 .section{padding-block:52px}
 .section-heading{margin-bottom:24px}
 .section-heading h2{font-size:clamp(30px,7.6vw,39px);letter-spacing:-.048em}
 .section-heading p{font-size:14px}
 .section-heading-editorial h2{margin-top:7px;margin-bottom:10px}
 .section-kicker{font-size:10px}
 .section-collections{padding-block:54px 58px}
 .section-collections .categories{grid-template-columns:minmax(0,1fr);gap:13px}
 .category{height:260px;border-radius:16px}
 .category-name{font-size:25px;left:22px;bottom:22px}
 .category-visit{right:19px;bottom:20px}
 .section-showcase{padding-block:60px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-card{padding:8px 8px 13px;border-radius:15px}
 .product-photo{height:157px;border-radius:10px}
 .product-card h3{font-size:14px;line-height:1.3;margin:13px 5px 5px}
 .product-card p{font-size:11px;line-height:1.45;margin:0 5px 13px}
 .product-card .outline-btn{min-width:0;width:calc(100% - 10px);margin-left:5px;padding:8px 4px;min-height:39px;font-size:11px}
 .product-grid .product-card:last-child:nth-child(odd){grid-column:1/-1;max-width:410px;width:100%;justify-self:center}
 .product-grid .product-card:last-child:nth-child(odd) .product-photo{height:220px}
 .catalog-browse{margin-top:28px}
 .gift-editorial-grid{grid-template-columns:minmax(0,1fr);min-height:0}
 .gift-editorial-media{min-height:265px;height:265px;order:0}
 .gift-editorial-media img{position:absolute;inset:0;object-fit:cover;object-position:center 53%}
 .gift-editorial-copy{padding:31px 23px 42px}
 .gift-editorial h2{font-size:clamp(32px,8vw,42px);margin:17px 0 12px}
 .gift-editorial p{font-size:14px}
 .gift-editorial .gift-btn{margin-top:18px;min-height:45px;padding:12px 20px;font-size:12px}
 .gift-page-photo{min-height:310px}
 .gift-style-grid{grid-template-columns:minmax(0,1fr)}
 .gift-style-card{height:265px;min-height:0}
 .gift-models .product-card .gift-quick-consult{width:calc(100% - 10px);margin:9px 5px 4px;padding:8px 5px;min-height:42px;font-size:11px}
 .about-banner{grid-template-columns:1fr;min-height:0}
 .about-photo img{height:265px;min-height:0;max-height:265px;object-position:center 40%}
 .about-copy{padding:40px 24px 48px}
 .about-copy h2{font-size:clamp(32px,8.2vw,42px)}
 .talk{padding:18px 0}
 .talk-inner{padding:23px}
 .talk h2{font-size:23px}
 .talk .outline-btn{width:100%;min-width:0}
 .footer{padding-top:48px}
 .footer-cols{gap:22px 20px}
 .footer-bottom{margin-top:35px}
 .subhero{padding:46px 0 52px}
 .subhero h1{font-size:clamp(35px,9vw,46px)}
 .catalog-filters{grid-template-columns:minmax(0,1fr);padding:20px;gap:13px}
 .catalog-filters button{width:100%}
 .catalog-filters>a{margin-top:0}
 .detail-grid{gap:23px}
 .detail-primary{max-height:390px}
 .related-collection{padding-inline:0}
}
@media(max-width:380px){
 .wrap{padding-inline:16px}
 .product-photo{height:135px}
 .category{height:235px}
 .gift-editorial-copy{padding-inline:20px}
 .hero-copy h1{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
 .product-card,.product-photo img,.pill-gold,.category img,.catalog-browse,.outline-btn{transition:none!important}
 .product-card:hover,.pill-gold:hover,.category:hover img,.product-card:hover .product-photo img{transform:none!important}
}