/* Sarım's product catalogue: the pack, its exact specification and its origin. */
.sarim-salamura h1 {font-size:clamp(54px,6.8vw,96px);max-width:10ch}
.sy-hero {padding-top:34px;padding-bottom:100px;overflow:hidden}
.sy-hero-grid {display:grid;grid-template-columns:5fr 6fr;gap:clamp(40px,7vw,110px);align-items:center}
.sy-hero-copy h1 {margin-bottom:32px}
.sy-hero-copy>p {max-width:34ch;font-size:21px;line-height:1.65;margin-bottom:30px}
.sy-hero-image {position:relative;margin:0;min-width:0}
.sy-hero-image>img {display:block;width:100%;height:auto;aspect-ratio:1.08;object-fit:contain;object-position:center}
.sy-hero-image figcaption {display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:var(--kurumsal-soft);margin-top:16px}
.sy-hero-quantities {display:flex;gap:30px;margin-top:38px;color:var(--kurumsal-soft);font-size:15px}
.sy-hero-quantities strong {display:block;color:var(--sarim-accent-main,#c9ab81);font-family:Signika,sans-serif;font-size:28px;font-weight:400;line-height:1.3;margin-bottom:4px}
.sy-catalog-heading {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:42px}
.sy-catalog-heading h2 {max-width:13ch}
.sy-catalog-heading p {max-width:43ch;margin:0}
.sy-family-tabs {position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.sy-family-tabs a {position:relative;display:flex;flex-wrap:wrap;gap:4px 8px;justify-content:space-between;align-items:center;min-height:68px;padding-block:18px;padding-inline:49px 22px;color:#fff;background:var(--sarim-base,#102b2a);font-family:Signika,sans-serif;font-size:24px;line-height:1.2;transition:background .25s,color .25s}
.sy-family-tabs a span {font-family:inherit;font-size:14px;color:var(--kurumsal-soft)}
.sy-family-tabs a[aria-selected="true"] {background:var(--sarim-accent-main,#c9ab81);color:var(--sarim-deep,#0b1315)}
.sy-family-tabs a[aria-selected="true"] span {color:inherit}
.sy-family-tabs a:hover {background:var(--sarim-card,#28403f);color:#fff}
.sy-family-tabs a[aria-selected="true"]:hover {background:var(--sarim-accent-main,#c9ab81);color:var(--sarim-deep,#0b1315)}
.sy-family-tabs a::before {content:"";position:absolute;inset-inline-start:21px;top:calc(50% - 3px);width:10px;height:10px;border:2px solid var(--sarim-accent-main,#c9ab81);border-radius:50%;opacity:.75}
.sy-family-tabs a[aria-selected="true"]::before {opacity:0}
.sy-family-pin {display:none;position:absolute;z-index:1;top:0;left:0;width:40px;height:40px;pointer-events:none;transition:transform .38s cubic-bezier(.2,.8,.2,1);overflow:visible}
.sy-catalog-enhanced .sy-family-pin {display:block}
.sy-family-pin path {fill:var(--sarim-deep,#0b1315);stroke:var(--sarim-accent-main,#c9ab81);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.sy-family-pin .sy-family-leaf-veins {fill:none;stroke-width:1.45}
.sy-family-tabs a[aria-selected="true"]::after {content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--sarim-deep,#0b1315);opacity:.48;transform:scaleX(0);transform-origin:left}
[dir="rtl"] .sy-family-tabs a[aria-selected="true"]::after {transform-origin:right}
.sy-family-tabs[data-rotation="playing"] a[aria-selected="true"]::after {animation:sy-family-progress 2s linear both}
@keyframes sy-family-progress {to{transform:scaleX(1)}}
.sy-rotation-controls {display:flex;justify-content:flex-end;margin-bottom:20px}
.sy-rotation-toggle {min-height:44px;padding:0 4px;color:var(--kurumsal-soft);font:600 14px/1.35 Nunito,sans-serif;text-align:end}
.sy-rotation-toggle span {display:inline-flex;align-items:center;gap:7px}
.sy-rotation-toggle span[hidden],.sy-rotation-toggle[hidden] {display:none}
.sy-rotation-toggle svg {width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sy-rotation-toggle:hover {color:var(--sarim-accent-main,#c9ab81)}
.sy-product-family {display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:start;scroll-margin-top:120px}
.sy-product-family[hidden],.sy-product-entry[hidden] {display:none}
.sy-catalog:not(.sy-catalog-enhanced) .sy-product-family+.sy-product-family {margin-top:80px}
.sy-pack-photo {margin:0;position:sticky;top:calc(var(--sarim-header-height,88px) + 24px)}
.sy-pack-photo img {width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;object-position:top;display:block}
.sy-pack-photo figcaption {font-size:14px;line-height:1.55;color:var(--kurumsal-soft);margin-top:15px}
.sy-family-copy>h3 {font-size:36px;line-height:1.15;margin-bottom:18px}
.sy-family-copy>p {max-width:43ch;margin-bottom:25px;font-size:17px}
.sy-size-options {border:0;margin:0 0 28px;padding:0;min-width:0}
.sy-size-options legend {float:none;font-size:15px;font-weight:600;width:auto;margin:0 0 12px;color:var(--kurumsal-soft)}
.sy-size-row {display:flex;flex-wrap:wrap;gap:8px}
.sy-size-choice {position:relative;cursor:pointer;margin:0}
.sy-size-choice input {position:absolute;width:1px;height:1px;opacity:0}
.sy-size-choice span {display:block;min-width:64px;padding:11px 15px;text-align:center;font-size:16px;line-height:1.4;font-weight:700;color:#fff;background:var(--sarim-base,#102b2a);transition:color .2s,background .2s}
.sy-size-choice input:checked+span {color:var(--sarim-deep,#0b1315);background:var(--sarim-accent-main,#c9ab81)}
.sy-size-choice input:focus-visible+span {outline:3px solid var(--sarim-accent-main,#c9ab81);outline-offset:3px}
.sy-product-entry {margin-bottom:22px;scroll-margin-top:120px}
.sy-product-entry>summary {color:var(--sarim-accent-main,#c9ab81);font-size:19px;padding:12px 0;cursor:pointer}
.sy-catalog-enhanced .sy-product-entry>summary {display:none}
.sy-selected-title {display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin-bottom:18px}
.sy-selected-title h4 {font-size:28px;line-height:1.25;letter-spacing:-.02em;font-weight:500;color:var(--sarim-accent-heading,#fff)}
.sy-product-code {font-size:15px;color:var(--sarim-accent-main,#c9ab81);white-space:nowrap}
.sy-specs {display:grid;grid-template-columns:1fr 1fr;gap:16px 28px;margin:0;padding:22px;background:var(--sarim-base,#102b2a)}
.sy-specs dt {font-size:14px;line-height:1.45;font-weight:500;color:var(--kurumsal-soft);margin-bottom:5px}
.sy-specs dd {font-size:20px;line-height:1.4;font-weight:700;color:#fff;margin:0}
.sy-specs .sy-spec-confirm {font-size:16px;font-weight:500}
.sy-logistics {margin-top:14px;background:var(--sarim-base,#102b2a);padding-inline:22px}
.sy-logistics>summary {display:flex;justify-content:space-between;gap:18px;align-items:center;cursor:pointer;padding:17px 0;font-size:16px;font-weight:700;color:var(--sarim-accent-main,#c9ab81);list-style:none}
.sy-logistics>summary::-webkit-details-marker {display:none}
.sy-logistics>summary::after {content:"+";font-size:25px;font-weight:400}
.sy-logistics[open]>summary::after {content:"−"}
.sy-logistics dl {display:grid;grid-template-columns:1fr auto;gap:9px 24px;padding-bottom:22px;margin:0;font-size:15px;line-height:1.5}
.sy-logistics dt {font-weight:500;color:var(--kurumsal-soft)}
.sy-logistics dd {font-weight:700;text-align:end;margin:0;color:#fff}
.sy-spec-note {font-size:14px!important;line-height:1.55!important;margin:14px 0 0!important;color:var(--kurumsal-soft)!important}
.sy-product-actions {display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:24px}
.sy-product-actions .kurumsal-action {font-size:16px;padding:14px 20px}
.sy-download {display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--sarim-accent-main,#c9ab81);text-align:start;min-height:44px}
.sy-download svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.sy-download:hover {color:white}
.sy-origin-grid {display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,6vw,96px);align-items:center}
.sy-origin-copy h2 {margin-bottom:26px;max-width:12ch}
.sy-origin-copy p {max-width:42ch}
.sy-origin-map {position:relative;padding-block:20px;min-width:0}
.sy-origin-map>svg {display:block;width:100%;height:auto;overflow:visible}
.sy-turkey-land {fill:var(--sarim-raised,#1f3634)}
.sy-turkey-outline {fill:none;stroke:var(--sarim-accent-main,#c9ab81);stroke-width:1.5;stroke-linejoin:round}
.sy-map-leader {stroke:var(--sarim-accent-main,#c9ab81);stroke-width:2;fill:none;stroke-linecap:round}
.sy-map-text {fill:var(--sarim-accent-heading,#fff);font-family:Signika,sans-serif;font-size:37px;font-weight:500}
.sy-map-subtext {fill:var(--kurumsal-soft);font-family:Nunito,sans-serif;font-size:24px}
.sy-map-point {fill:var(--sarim-accent-main,#c9ab81);stroke:var(--sarim-base,#102b2a);stroke-width:5}
.sy-map-ring {fill:none;stroke:var(--sarim-accent-main,#c9ab81);stroke-width:2;opacity:.45;transform-box:fill-box;transform-origin:center}
.sy-origin-map.is-visible .sy-map-ring {animation:sy-origin-pulse 2.4s ease-out 3}
@keyframes sy-origin-pulse {from{opacity:.6;scale:.8}to{opacity:0;scale:2}}
.sy-origin-map.sy-map-ready .sy-turkey-outline {stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s cubic-bezier(.2,.65,.2,1)}
.sy-origin-map.sy-map-ready.is-visible .sy-turkey-outline {stroke-dashoffset:0}
.sy-origin-label {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;font-size:15px;color:var(--kurumsal-soft)}
.sy-origin-label a {color:var(--sarim-accent-main,#c9ab81);text-decoration:underline}
.sy-origin-vineyard {margin-top:32px;width:84%;margin-inline-end:auto}
.sy-origin-vineyard img {display:block;width:100%;height:auto;aspect-ratio:3;object-fit:cover;object-position:center}
.sy-origin-facts {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0 0}
.sy-origin-facts dt {font-size:14px;font-weight:500;color:var(--kurumsal-soft);margin-bottom:5px}
.sy-origin-facts dd {font-size:18px;font-weight:600;margin:0;color:var(--sarim-accent-main,#c9ab81)}
.sy-faq-grid {display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,8vw,120px)}
.sy-faq-intro {display:flex;flex-direction:column;gap:clamp(12px,2vw,24px)}
.sy-faq-leaf {position:relative;flex:1;min-height:140px;margin:0}
.sy-faq-leaf img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:left bottom;
}
[dir="rtl"] .sy-faq-leaf img {object-position:right bottom}
.sy-faq-grid h2 {max-width:11ch}
.sy-faq-list {display:grid;gap:12px}
.sy-faq {padding-inline:26px;background:var(--sarim-base,#102b2a)}
.sy-faq summary {padding-block:22px;cursor:pointer;display:flex;justify-content:space-between;gap:24px;color:var(--sarim-accent-heading,#fff);font-size:21px;line-height:1.4;font-weight:600;list-style:none}
.sy-faq summary::-webkit-details-marker {display:none}
.sy-faq summary::after {content:"+";font-size:25px;font-weight:400}
.sy-faq[open] summary::after {content:"−"}
.sy-faq p {font-size:17px;line-height:1.7;margin-bottom:0;padding-bottom:26px}
.sy-contact-grid {display:grid;grid-template-columns:6fr 5fr;gap:clamp(40px,8vw,120px);align-items:center}
.sy-contact-copy h2 {margin-bottom:26px;max-width:13ch}
.sy-contact-copy p {max-width:42ch}
.sy-contact-image {margin:0}
.sy-contact-image img {width:100%;display:block;height:auto;aspect-ratio:1.7;object-fit:cover;object-position:center}
.sy-contact-ways {display:flex;flex-wrap:wrap;gap:15px 28px;margin-top:24px}
.sy-contact-ways a {color:var(--sarim-accent-main,#c9ab81);font-size:17px;text-decoration:underline}
.sy-switching {animation:sy-panel-enter .32s cubic-bezier(.2,.65,.2,1) both}
@keyframes sy-panel-enter {from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1199px){
    .sy-hero-copy>p{font-size:18px}
    .sy-hero-quantities{gap:24px}
    .sy-hero-quantities strong{font-size:24px;white-space:nowrap}
    .sy-hero-grid{gap:36px}
    .sy-family-tabs a{padding-block:16px;padding-inline-end:14px;font-size:22px}
    .sy-product-family{gap:32px}
    .sy-specs{gap:16px;padding:18px}
    .sy-selected-title{flex-wrap:wrap;gap:8px}
}
@media(max-width:767px){
    .sy-hero{padding-top:24px;padding-bottom:64px}
    .sy-hero-grid,.sy-catalog-heading,.sy-product-family,.sy-origin-grid,.sy-faq-grid,.sy-contact-grid{grid-template-columns:1fr;gap:32px}
    .sarim-salamura h1{font-size:clamp(48px,12vw,70px);max-width:10ch}
    .sy-hero-copy h1{margin-bottom:24px}
    .sy-hero-copy>p{font-size:18px;max-width:none;margin-bottom:24px}
    .sy-hero-quantities{margin-top:26px;gap:32px}
    .sy-hero-quantities strong{font-size:25px}
    .sy-hero-image figcaption{font-size:13px;gap:10px}
    .sy-catalog-heading{margin-bottom:28px;gap:24px}
    .sy-family-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .sy-family-tabs a{min-height:68px;flex-direction:column;align-items:flex-start;justify-content:center;font-size:22px;padding-block:10px;padding-inline-end:12px}
    .sy-family-tabs a span{font-size:13px}
    .sy-pack-photo{position:static;max-width:540px;width:100%;margin-inline:auto}
    .sy-family-copy>h3{font-size:32px}
    .sy-family-copy>p{max-width:none}
    .sy-size-choice span{padding:11px 13px;min-width:60px}
    .sy-specs{gap:18px;padding:20px}
    .sy-specs dd{font-size:19px}
    .sy-logistics{padding-inline:20px}
    .sy-product-actions{gap:12px 20px}
    .sy-product-actions .kurumsal-action{width:100%;padding:16px 20px}
    .sy-origin-copy{order:-1}
    .sy-origin-map{padding-top:5px}
    .sy-origin-label{font-size:14px}
    .sy-origin-vineyard{width:100%;margin-top:24px}
    .sy-origin-facts{margin-top:24px}
    .sy-faq-grid{gap:28px}
    .sy-faq-intro{gap:10px}
    .sy-faq-leaf{width:min(68%,240px);min-height:0;align-self:center}
    .sy-faq-leaf img{position:static;height:auto;display:block}
    .sy-faq{padding-inline:22px}
    .sy-faq summary{font-size:19px;gap:18px}
    .sy-contact-copy h2{max-width:13ch}
    .sy-contact-image img{aspect-ratio:1.4}
}
@media(prefers-reduced-motion:reduce){
    .sy-family-pin{transition:none}
    .sy-family-tabs[data-rotation="playing"] a[aria-selected="true"]::after{animation:none}
    .sy-switching,.sy-origin-map.is-visible .sy-map-ring{animation:none}
    .sy-origin-map.sy-map-ready .sy-turkey-outline{stroke-dashoffset:0;transition:none}
    .sy-family-tabs a,.sy-size-choice span{transition:none}
}
