/* Visszafogottabb főoldali tipográfia, részletes termékek és fotógalériák. */
body{font-size:16px}
.topbar-inner>span,.brand small,.footer-brand small{font-size:14px}
.header-inner nav,.header-phone{font-size:16px}
.header-inner nav a{font-size:16px}
.hero{min-height:650px}
.hero-visual{min-height:580px}
.hero .eyebrow,.eyebrow{font-size:13px;letter-spacing:.065em}
.hero-description,.section-intro,.contact .section-intro,.product-card p,.selection-intro>p:not(.eyebrow),.selection-steps p,.about-copy p:not(.eyebrow),.faq-list details p,.contact-address p,.form-description{font-size:16px;line-height:1.65}
.hero-description{max-width:470px}
.hero-footnote,.intro-strip-inner>span:first-child,.product-facts span,.product-number,.product-details-link,.catalog-note p,.catalog-note a,.selection-steps article>span,.about-location small,.about-photo-label,.contact-phone small,.hours p,.location-note,.form-footnote,.form-feedback,.footer-bottom,.footer-main .text-link{font-size:14px}
.hero-image-label small,.image-topline,.hero-carousel-hint{font-size:14px}
.hero-visual.has-carousel .hero-image-label{bottom:104px}
.hero-visual.has-carousel .hero-image-label strong{font-size:30px}
.hero-image-label small{line-height:1.45}
.intro-strip-inner{min-height:112px;padding-block:18px}
.intro-strip-inner p,.footer-main p,.about-location strong,.hours dl{font-size:16px}
.section-top{gap:45px}
.section-intro{max-width:380px}
.product-grid{gap:36px 26px}
.product-card h3{font-size:22px;line-height:1.28}
.product-card p{margin-bottom:13px}
.product-facts span{padding:4px 7px}
.product-details-link{gap:8px;margin-top:16px}
.product-card[data-photo-fit="contain"] .product-photo img{object-fit:contain}
.product-card[data-photo-fit="cover"] .product-photo img{object-fit:cover}
.product-illustration{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e8ebe2,#f6f5ed)}
.product-illustration svg{width:92px;height:92px;stroke-width:.7;opacity:.5}
.catalog-tools{gap:16px;justify-content:flex-start}
.category-tabs{flex:1 0 100%}
.category-tabs button{font-size:15px;min-height:44px;padding:9px 13px}
.category-tabs button span{font-size:14px}
.catalog-category-select{flex:1;min-width:240px;max-width:430px}
.catalog-category-select select{width:100%;font:inherit;font-size:16px;min-height:46px;padding:10px 34px 10px 12px;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:2px}
.catalog-search{margin-left:auto;min-width:280px}
.catalog-search input{font-size:16px}
.search-status{font-size:14px;color:var(--muted);margin:0 0 22px}
.selection-steps h3{font-size:23px}
.about-copy .lead{font-size:19px!important}
.faq-list summary{font-size:17px}
.enquiry-form h3{font-size:27px}
.enquiry-form label{font-size:15px}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{font-size:16px}
.hours dl>div{font-size:16px}
.about-images{padding-bottom:0}
.about-detail{bottom:65px}
.warehouse-gallery-button{position:static;display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;margin-top:20px;color:var(--ink);text-align:left;line-height:1.5}
.warehouse-gallery-button svg{width:17px;height:17px}
#product-dialog .dialog-overview.has-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
#product-dialog .dialog-overview.without-gallery{grid-template-columns:1fr}
#product-dialog .dialog-overview h2{font-size:34px;line-height:1.18}
#product-dialog .dialog-overview p{font-size:17px;line-height:1.65}
#product-dialog .dialog-overview .eyebrow{font-size:13px;margin-bottom:15px;color:var(--muted)}
.enquiry-product{padding:0;border:0;background:none;text-align:left;font-size:16px;line-height:1.55}
.product-gallery{min-width:0}
.product-gallery-stage{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:3px;background:#eeeee7;overflow:hidden;color:var(--ink)}
#product-dialog .product-gallery-stage img{width:100%;height:320px;object-fit:contain;background:#eeeee7}
.gallery-enlarge{position:absolute;right:10px;bottom:10px;padding:6px 9px;display:flex;gap:7px;align-items:center;background:var(--paper);font-size:13px;border:1px solid var(--line);border-radius:2px}
.gallery-enlarge svg{width:16px;height:16px}
.product-gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-size:15px}
.product-gallery-controls [data-product-photo-step="-1"] svg,#viewer-previous svg{transform:rotate(180deg)}
.product-gallery-controls button:disabled,.viewer-controls button:disabled{opacity:.3}
.gallery-thumbnails{position:relative;display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:3px 3px 10px;overscroll-behavior-x:contain}
.gallery-thumbnails button{padding:3px;border:1px solid var(--line);border-radius:3px;background:var(--paper);flex:0 0 66px;width:66px;height:66px}
.gallery-thumbnails button[aria-pressed="true"]{border:2px solid var(--ink);padding:2px}
#product-dialog .gallery-thumbnails img,.gallery-thumbnails img{width:100%;height:100%;object-fit:contain}
.dimension-notice{padding:20px 24px;border:1px solid var(--line);background:var(--soft);font-size:16px;line-height:1.7}
#photo-viewer{width:min(1240px,calc(100% - 40px));max-width:none;height:min(94dvh,1000px);max-height:94dvh;background:var(--paper);padding:0;overflow:hidden}
#photo-viewer[open]{display:flex;flex-direction:column}
.viewer-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid var(--line);flex-shrink:0}
.viewer-header h2{font-size:24px;line-height:1.3;margin:0}
.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#e5e8df;padding:12px}
.viewer-stage img{width:100%;height:100%;object-fit:contain}
.viewer-controls{display:flex;align-items:center;justify-content:center;gap:28px;padding:10px 20px;font-size:16px;flex-shrink:0}
.viewer-thumbnails{padding:3px 22px 15px;flex-shrink:0}
@media(max-width:980px){.hero-visual{min-height:520px}.hero .eyebrow{font-size:13px}.about-copy .lead{font-size:19px!important}.catalog-category-select{max-width:none}}
@media(max-width:760px){
  .brand small{font-size:14px}
  .brand strong{font-size:20px}
  .topbar-inner>span{font-size:14px}
  .hero{min-height:0}
  .hero .eyebrow{font-size:13px}
  .hero-description,.section-intro,.contact .section-intro,.product-card p,.selection-intro>p:not(.eyebrow),.selection-steps p,.about-copy p:not(.eyebrow),.faq-list details p,.contact-address p,.form-description{font-size:16px}
  .hero-footnote,.intro-strip-inner>span:first-child,.product-facts span,.product-number,.product-details-link,.catalog-note p,.catalog-note a,.about-location small,.about-photo-label,.form-footnote,.footer-bottom{font-size:14px}
  .hero-visual,.hero-visual.has-carousel{min-height:410px}
  .hero-visual.has-carousel .hero-image-label{bottom:104px}
  .hero-visual.has-carousel .hero-image-label strong{font-size:28px}
  .hero-image-label small,.image-topline,.hero-carousel-hint{font-size:14px}
  .intro-strip-inner p,.footer-main p,.about-location strong,.hours dl>div{font-size:16px}
  .product-card h3{font-size:23px}
  .category-tabs button{font-size:15px;padding:9px 11px}
  .catalog-category-select,.catalog-search{min-width:0;width:100%;flex-basis:100%}
  .catalog-search input{font-size:16px}
  .about-copy .lead{font-size:19px!important}
  .faq-list summary{font-size:17px}
  .enquiry-form h3{font-size:27px}
  .enquiry-form label{font-size:15px}
  .enquiry-form input,.enquiry-form select,.enquiry-form textarea{font-size:16px}
  .footer-main .text-link,.footer-brand small{font-size:14px}
  .mobile-contact a{font-size:16px}
  #product-dialog .dialog-overview.has-gallery{grid-template-columns:1fr;gap:26px}
  #product-dialog .dialog-overview h2{font-size:31px}
  #product-dialog .product-gallery-stage img{height:300px}
  .gallery-thumbnails button{flex-basis:62px;width:62px;height:62px}
  #photo-viewer{width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0;border-radius:0}
  .viewer-header{padding:14px 18px;gap:14px}
  .viewer-header h2{font-size:21px}
  .viewer-stage{padding:8px}
  .viewer-thumbnails{padding-inline:18px}
}
@media(max-width:360px){.hero-visual.has-carousel .hero-image-label strong{font-size:26px}.hero-carousel-hint{font-size:14px}.contact-email{font-size:18px}#product-dialog .product-gallery-stage img{height:270px}}

/* Közvetlen kapcsolattartás és jól látható raktári képlapozó. */
.warehouse-carousel{position:relative;max-width:100%;overflow:hidden;background:var(--ink);border-radius:3px;touch-action:pan-y pinch-zoom}
.about-images,.about-copy{min-width:0}
.warehouse-image-button{display:block;position:relative;width:100%;padding:0;border:0;background:#e5e8df;color:var(--ink)}
.warehouse-image-button>img{display:block;width:100%;height:440px;object-fit:contain}
.warehouse-image-button .gallery-enlarge{bottom:14px;right:14px}
.warehouse-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 10px;color:white}
.warehouse-controls>div:first-child{display:flex;flex-direction:column;gap:6px}
.warehouse-label{font-size:13px;letter-spacing:.08em}
#warehouse-count{font-size:16px}
.warehouse-buttons{display:flex;gap:8px}
.warehouse-buttons .hero-carousel-button{width:42px;height:42px}
.warehouse-buttons .previous-arrow{transform:rotate(180deg)}
.warehouse-pagination{display:flex;justify-content:center;color:white;padding:0 20px 8px}
.warehouse-carousel button:focus-visible{outline:2px solid #c4b680;outline-offset:-4px}
.contact-layout{display:block}
.contact-details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"identity identity" "phone email" "address hours" "location hours";gap:24px 60px}
.business-identity{grid-area:identity;border-bottom:1px solid var(--line);padding-bottom:22px}
.business-identity h3{font-size:25px;margin:0 0 8px}
.business-identity p{font-size:16px;margin:0}
.contact-details .contact-phone{grid-area:phone}
.contact-details .contact-email{grid-area:email}
.contact-details .contact-phone,.contact-details .contact-email{display:block;position:relative;width:100%;min-width:0;margin:0;padding:2px 28px 25px 0;border-bottom:1px solid var(--line);align-self:start}
.contact-details .contact-phone small,.contact-details .contact-email small,.contact-channel-label{display:block;font-size:14px;line-height:1.6;letter-spacing:.13em;color:var(--muted);margin-bottom:10px}
.contact-details .contact-phone strong,.contact-details .contact-email strong{display:block;font-weight:500;line-height:1.25}
.contact-details .contact-email strong{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.025em;overflow-wrap:anywhere}
.contact-details .contact-phone>svg,.contact-details .contact-email>svg{position:absolute;right:0;top:36px;width:20px;height:20px;margin:0}
.contact-details .contact-address{grid-area:address;display:block;margin:0;padding:2px 0 0}
.contact-address-content{display:flex;gap:16px;align-items:flex-start}
.contact-address-content>svg{margin-top:5px;width:20px;height:20px}
.contact-details .hours{grid-area:hours;margin:0;padding-top:2px}
.contact-details .location-note{grid-area:location;align-self:start;margin:0}
@media(max-width:760px){
  .warehouse-image-button>img{height:340px}
  .warehouse-controls{padding:16px 18px 8px;gap:12px}
  .warehouse-buttons .hero-carousel-button{width:38px;height:38px}
  .warehouse-buttons{gap:6px}
  .contact-details{display:flex;flex-direction:column;gap:28px}
  .contact-details .contact-email strong{font-size:clamp(24px,6.7vw,30px)}
  .contact-details .hours{width:100%}
  .business-identity{width:100%}
}
@media(max-width:360px){.warehouse-image-button>img{height:290px}.warehouse-controls{flex-wrap:wrap}.warehouse-label{font-size:12px}.warehouse-buttons{gap:5px}.warehouse-buttons .hero-carousel-button{width:36px;height:36px}.contact-details .contact-phone strong{font-size:29px}}

/* Saját drótfonatgyártás és napenergia: kiemelés a bemutatkozásban és az adatlapokon. */
.hero-description strong{font-weight:700;color:var(--ink)}
.production-note{margin:24px 0;padding:19px 22px;border-left:3px solid var(--ink);background:#e8ede3;border-radius:0 3px 3px 0}
.production-note>strong{display:block;font-size:17px;line-height:1.4;margin-bottom:7px}
.about-copy .production-note p,#product-dialog .production-note p{font-size:16px;line-height:1.65;margin:0}
.product-card[data-own-production="true"] .product-facts span:first-child{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:700}
#product-dialog .production-note{margin:22px 0 0;padding:17px 20px}
@media(max-width:760px){.production-note{padding:17px 18px}.production-note>strong{font-size:17px}#product-dialog .production-note{padding:17px 18px}}