/* GLUCK olvashatósági finomítás, 2026-10-23.
 * Visszaállítás: /admin/simple -> Megjelenés és olvashatóság -> Eredeti.
 * Nem módosítja az eredeti style.css / v3.css fájlokat, képeket vagy ajtórajzolatokat.
 * A Render szerver kizárólag a "kényelmes" módban illeszti be ezt a külön stíluslapot. */

/* Desktop: kisebb, kiegyensúlyozott címsorok; nagyobb, olvashatóbb törzsszöveg. */
body.v3{font-size:16px;line-height:1.75}
.v3 h1{font-size:clamp(42px,4.5vw,68px);line-height:1.13;letter-spacing:-.04em}
.v3 h2{font-size:clamp(32px,3.3vw,46px);line-height:1.19;letter-spacing:-.035em}
.v3 h3{letter-spacing:-.02em;line-height:1.27}
.v3 p{line-height:1.72}
.v3 .v3-hero{min-height:clamp(540px,65vh,670px)}
.v3 .v3-hero h1{font-size:clamp(45px,4.9vw,74px);line-height:1.12;letter-spacing:-.04em}
.v3 .v3-hero-content>p{font-size:17px;line-height:1.7;max-width:610px}
.v3:not(.v3-index) main>.page-intro.wrap{min-height:390px;padding-block:75px}
.v3:not(.v3-index) main>.page-intro h1{font-size:clamp(43px,4.6vw,69px);line-height:1.13}
.v3:not(.v3-index) main>.page-intro .lead{font-size:17px;line-height:1.65}
.v3 .v3-simple-hero h1{font-size:clamp(43px,4.7vw,69px)}
.v3 .v3-simple-hero p,.v3 .v3-simple-intro p,.v3 .v3-simple-grid p{font-size:16px;line-height:1.72}
.v3 .v3-spotlight-copy p,.v3 .v3-ethos p,.v3 .v3-gallery-teaser p,
.v3 .v3-final-cta p{font-size:16px;line-height:1.75}
.v3 .v3-feature-body p,.v3 .v3-portfolio p{font-size:15px;line-height:1.7}

/* Small captions stay secondary, but shouldn't require zoom on a normal monitor. */
.v3 .v3-kicker,.v3 .eyebrow,.v3 .v3-foot-col h4{font-size:11px;letter-spacing:.12em}
.v3 .v3-foot-col a,.v3 .v3-foot-col p{font-size:13px;line-height:1.65}
.v3 .v3-button,.v3 .btn{font-size:13px;line-height:1.45}
.v3-header .btn.v3-nav-cta{font-size:11px}
.v3-header .nav-submenu a{font-size:13px}

/* Readable desktop navigation, with original compact nav at narrower widths. */
@media (min-width:1280px){
 .v3-header nav>a:not(.btn),.v3-header summary{font-size:11px}
 .v3-header nav{gap:clamp(8px,1vw,16px)}
 .v3-header .brand.v3-brand{font-size:23px;letter-spacing:.11em}
}
@media (min-width:1480px){
 .v3-header nav>a:not(.btn),.v3-header summary{font-size:12px}
}
@media (min-width:1031px) and (max-width:1279px){
 .v3-header nav>a:not(.btn),.v3-header summary{font-size:10px}
 .v3-header nav{gap:8px}
 .v3-header .brand.v3-brand{font-size:21px;letter-spacing:.09em}
 .v3-header .btn.v3-nav-cta{font-size:10px;padding:10px}
}

/* Beltéri ajtók: the actual longer silver-linden narrative must be readable. */
.v3-belteri main>.widepair{grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:clamp(30px,4.2vw,65px)}
.v3-belteri main>.widepair>img{width:100%;height:clamp(410px,37vw,550px);object-fit:cover}
.v3-belteri main>.widepair>div{min-width:0;max-width:690px}
.v3-belteri main>.widepair p{font-size:17px;line-height:1.8;color:#484e4d;max-width:66ch}
.v3-belteri .v3-classic-note{font-size:16px;line-height:1.73;max-width:68ch;color:#535b58}
.v3-belteri #resultcount{font-size:14px;line-height:1.5}
.v3-belteri .product small{font-size:12px;line-height:1.4}
.v3-belteri .product h3{font-size:22px}
.v3-belteri .product .add{font-size:14px;line-height:1.45;min-height:44px}
.v3-belteri .product-details{font-size:15px;line-height:1.55}
.v3-belteri .product-details summary{font-size:15px;padding:12px 13px}
.v3-belteri .product-color-list span{font-size:13px}
.v3-belteri .product-photo img{object-fit:contain}

/* Standard site grids, technical notes and links. */
.v3 .widepair p,.v3 .textcards p,.v3 .mira-card p,.v3 .patio-types p,
.v3 .v3-simple-grid article p,.v3 .prose p{font-size:16px;line-height:1.72}
.v3 .profilecards dl,.v3 .profiletable,.v3 .v3-grant-facts p{font-size:14px;line-height:1.6}
.v3 .v3-grant-facts b{font-size:11px}
.v3 .v3-portfolio-links a{font-size:clamp(18px,2vw,23px)}

/* Tablet: comfortable article measure, but keep images and grids intact. */
@media(max-width:1030px){
 .v3-header nav>a:not(.btn),.v3-header summary{font-size:15px}
 .v3-header nav .nav-submenu a{font-size:15px}
 .v3:not(.v3-index) main>.page-intro.wrap{min-height:340px;padding:55px 6%}
 .v3-belteri main>.widepair{grid-template-columns:1fr;gap:25px}
 .v3-belteri main>.widepair>img{height:320px;max-width:100%}
 .v3-belteri main>.widepair>div{max-width:760px}
}

/* Phone: hierarchy and touch targets without oversized type or overflow. */
@media(max-width:760px){
 body.v3{font-size:16px;line-height:1.7}
 .v3 h1{font-size:clamp(36px,8vw,54px)}
 .v3 h2{font-size:clamp(29px,7vw,40px)}
 .v3 .v3-hero{min-height:530px}
 .v3 .v3-hero h1{font-size:clamp(39px,9vw,58px)}
 .v3 .v3-hero-content>p,.v3 .v3-simple-hero p{font-size:16px;line-height:1.64}
 .v3:not(.v3-index) main>.page-intro.wrap{min-height:290px;padding:50px 6%}
 .v3:not(.v3-index) main>.page-intro h1{font-size:clamp(35px,8vw,50px)}
 .v3:not(.v3-index) main>.page-intro .lead{font-size:16px}
 .v3-belteri main>.widepair>img{height:min(73vw,320px)}
 .v3-belteri main>.widepair p{font-size:16px;line-height:1.75}
 .v3-belteri .v3-classic-note{font-size:15px}
 .v3 .v3-foot-col a{font-size:14px}
 .v3 .v3-feature-body p,.v3 .v3-portfolio p{font-size:15px}
 .v3 .v3-button,.v3 .btn{font-size:14px;min-height:44px}
 .v3-header .btn.v3-nav-cta{font-size:14px;min-height:44px}
 .v3-belteri .product .add{font-size:14px}
 .v3-belteri #doorfilters button{font-size:14px;min-height:44px}
 .v3 .v3-simple-grid article{padding:28px 22px}
}
@media(max-width:440px){
 .v3 .v3-hero h1{font-size:clamp(37px,9.4vw,45px)}
 .v3-belteri .products{grid-template-columns:1fr;gap:16px}
 .v3-belteri .product{max-width:500px}
 .v3-belteri .product-photo{height:280px}
 .v3-belteri .product h3{font-size:24px}
 .v3-header .brand.v3-brand{font-size:18px}
}
/* Visible focus, no modifications to image crop, image URL, or product artwork. */
.v3 a:focus-visible,.v3 button:focus-visible,.v3 summary:focus-visible{outline:2px solid #89583D;outline-offset:3px}