:root{--bg:#fff;--text:#050505;--muted:#666;--soft:#f7f7f7;--border:#e5e5e5;--red:#d40511;--yellow:#ffcc00;--black:#050505;--font:'Inter',Arial,sans-serif;--pad:4vw;--tr:.28s cubic-bezier(.16,1,.3,1)}
:root{--ss-pad:var(--pad);--ss-border:var(--border);--ss-yellow:var(--yellow);--ss-red:var(--red)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}main{overflow:hidden}h1,h2,h3,h4{margin:0;font-family:var(--font)}p{margin-top:0}.ss-overline,.ss-eyebrow,.ss-mini-head span,.ss-discovery-label,.ss-merchant-kicker,.ss-story>div:first-child span,.ss-merchant-cta>div>span{display:block;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
/* header */
.ss-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-bottom:1px solid var(--border)}.admin-bar .ss-header{top:32px}.ss-header-inner{min-height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:28px}.ss-brand{flex:0 0 auto}.custom-logo{max-height:36px;width:auto}.ss-brand-text{display:block;font-size:11px;font-weight:900;line-height:.85}.ss-nav-wrap{display:flex;align-items:center;margin-left:auto;gap:30px}.ss-nav{display:flex;align-items:center;gap:27px}.ss-nav a,.ss-nav li a{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ss-nav ul{margin:0;padding:0;list-style:none}.ss-nav-actions{display:flex;align-items:center;gap:17px}.ss-lang-switch{display:flex;gap:6px;padding-right:17px;border-right:1px solid var(--border)}.ss-lang-switch,.ss-lang-switch a,.ss-lang-switch span,.ss-lang-switch li{list-style:none;font-size:10px;font-weight:800;text-transform:uppercase}.ss-lang-switch a,.ss-lang-switch span{opacity:.4}.ss-lang-switch .current-lang a,.ss-lang-switch .active{opacity:1}.ss-merchant-btn{min-height:42px;padding:0 20px;background:var(--yellow);color:var(--red);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.ss-menu-toggle{display:none;width:44px;height:44px;border:0;background:none;position:relative}.ss-menu-toggle span{position:absolute;left:9px;width:26px;height:1px;background:#000}.ss-menu-toggle span:first-child{top:17px}.ss-menu-toggle span:last-child{top:25px}.ss-account-menu{position:relative}.ss-account-avatar{width:42px;height:42px;border-radius:50%;background:#050505;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px #ddd}.ss-account-avatar img{width:100%;height:100%;object-fit:cover}.ss-account-dropdown{position:absolute;right:0;top:52px;width:210px;background:#fff;border:1px solid #ddd;padding:10px;box-shadow:0 15px 35px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}.ss-account-menu:hover .ss-account-dropdown{opacity:1;visibility:visible;transform:none}.ss-account-dropdown strong{display:block;padding:9px 10px;border-bottom:1px solid #eee;font-size:12px}.ss-account-dropdown a{display:block;padding:9px 10px;font-size:11px;font-weight:700}.ss-account-dropdown a:hover{background:#f7f7f7}
/* hero */
.ss-hero{min-height:680px;display:grid;grid-template-columns:.92fr 1.08fr;border-bottom:1px solid var(--border)}.ss-hero-copy{padding:92px 9% 84px 7%;display:flex;flex-direction:column;justify-content:center}.ss-eyebrow{margin-bottom:31px}.ss-hero-copy h1{max-width:680px;margin:0 0 28px;font-size:clamp(62px,7vw,112px);line-height:.84;letter-spacing:-.065em;font-weight:800;text-transform:uppercase}.ss-hero-copy p{max-width:560px;margin-bottom:31px;color:#565656;font-size:16px;line-height:1.65}.ss-text-link{width:max-content;padding-bottom:4px;border-bottom:1px solid #111;font-size:11px;font-weight:800;text-transform:uppercase}.ss-hero-feature{position:relative;min-width:0;min-height:680px;background:#eee}.ss-feature-visual{position:absolute;inset:0;display:block;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .7s ease}.ss-feature-visual.active{opacity:1;visibility:visible}.ss-placeholder{background:linear-gradient(135deg,#e9e5dd,#f4f0e8)}.ss-feature-overlay{position:absolute;left:28px;bottom:28px;z-index:3;min-width:195px;padding:17px 20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}.ss-feature-overlay span{display:block;margin-bottom:4px;color:#777;font-size:9px;font-weight:800;text-transform:uppercase}.ss-feature-overlay strong{display:block;font-size:15px}.ss-feature-overlay small{display:block;margin-top:9px;font-size:9px;font-weight:800;text-transform:uppercase}.ss-hero-dots{position:absolute;right:25px;bottom:26px;z-index:5;display:flex;gap:7px}.ss-hero-dots button{width:8px;height:8px;padding:0;border:1px solid #fff;background:transparent;border-radius:50%}.ss-hero-dots button.active{background:#fff}
/* discovery - intentionally restrained */
.ss-discovery{background:#080808;color:#fff;border-bottom:1px solid #1e1e1e}.ss-discovery-inner{max-width:1200px;margin:0 auto;padding:78px var(--pad) 74px;text-align:center}.ss-discovery-label{margin-bottom:18px;color:var(--yellow)}.ss-discovery h2{margin-bottom:30px;color:#fff;font-size:clamp(31px,3.2vw,46px);line-height:1.08;font-weight:600;letter-spacing:-.04em}.ss-discovery-sentence{max-width:1050px;margin:0 auto;color:#fff;font-size:clamp(26px,3vw,40px);line-height:1.55;font-weight:400;letter-spacing:-.035em}.ss-ai-option{padding:1px 3px 3px;border:0;border-bottom:1px solid #666;background:none;color:#999;font-size:inherit;line-height:inherit;letter-spacing:inherit}.ss-ai-option:hover,.ss-ai-option:focus{color:#fff;border-color:var(--yellow);outline:0}.ss-ai-discovery-form{margin-top:32px}.ss-ai-submit{min-height:48px;padding:0 24px;border:0;background:#fff;color:#000;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.ss-ai-submit:hover{background:var(--yellow)}.ss-ai-note{margin:14px auto 0;color:#777;font-size:10px}
/* category grids */
.ss-category-section,.ss-profile-categories{background:#fff;border-bottom:1px solid var(--border)}.ss-mini-head{padding:28px var(--pad) 18px;display:flex;justify-content:space-between;align-items:baseline;gap:20px}.ss-mini-head span{color:#aaa}.ss-mini-head strong{font-size:12px}.ss-categories{display:grid;grid-template-columns:repeat(5,1fr);background:var(--border);gap:1px}.ss-categories a{min-height:124px;padding:22px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.ss-categories a:hover{background:#fafafa}.ss-cat-icon{width:24px;height:24px;color:#777}.ss-categories strong{font-size:11px;font-weight:800;text-transform:uppercase;line-height:1.3}
/* common section */
.ss-showcase,.ss-brand-section{padding:96px var(--pad);border-bottom:1px solid var(--border)}.ss-brand-section{background:#f7f7f7}.ss-sec-head{margin-bottom:52px;display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.ss-overline{margin-bottom:17px;color:#999}.ss-sec-head h2{font-size:clamp(54px,5.7vw,88px);line-height:.9;letter-spacing:-.055em;font-weight:750;text-transform:uppercase}.ss-sec-head>p{max-width:330px;margin:0 0 4px;color:#6c6c6c;font-size:13px;line-height:1.55;text-align:right}.ss-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ss-product-card{background:#fff;border:1px solid #e1e1e1;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--tr),box-shadow var(--tr)}.ss-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(0,0,0,.06)}.ss-product-card.is-featured{grid-column:span 2;grid-row:span 1}.ss-product-card.is-featured .ss-product-image{aspect-ratio:16/9}.ss-product-image{aspect-ratio:4/5;overflow:hidden;background:#eee}.ss-product-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.ss-product-card:hover .ss-product-image img{transform:scale(1.025)}.ss-product-info{padding:17px 18px 15px}.ss-product-info>span{display:block;margin-bottom:5px;color:#999;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.ss-product-info h3{margin-bottom:7px;font-size:16px;line-height:1.2;font-weight:700;letter-spacing:-.02em}.ss-product-info strong{font-size:13px}.ss-product-meta{padding:11px 18px;border-top:1px solid #eee;background:#fafafa;display:flex;justify-content:space-between;color:#777;font-size:9px;font-weight:700;text-transform:uppercase}.ss-product-cta{min-height:43px;padding:0 16px;background:#050505;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.ss-product-cta:hover{background:var(--red)}.ss-empty{min-height:160px;padding:30px;border:1px dashed #ccc;display:flex;align-items:center;color:#777}.ss-section-action{margin-top:38px;display:flex;justify-content:flex-end}.ss-section-action a{padding-bottom:3px;border-bottom:1px solid #000;font-size:10px;font-weight:800;text-transform:uppercase}
/* featured brands */
.ss-featured-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ss-featured-brand{background:#fff;border:1px solid var(--border);overflow:hidden;transition:.25s}.ss-featured-brand:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.05)}.ss-featured-brand-image{aspect-ratio:16/11;background:#eee;overflow:hidden}.ss-featured-brand-image img{width:100%;height:100%;object-fit:cover}.ss-featured-brand-copy{padding:20px 21px}.ss-featured-brand-copy>span{display:block;margin-bottom:6px;color:#999;font-size:9px;font-weight:800;text-transform:uppercase}.ss-featured-brand-copy h3{margin-bottom:18px;font-size:22px;line-height:1.05;font-weight:650;letter-spacing:-.03em}.ss-featured-brand-copy>div{padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:#666;font-size:11px}
/* merchant CTA */
.ss-merchant-cta{padding:78px var(--pad);background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:60px}.ss-merchant-cta>div>span{margin-bottom:14px;color:rgba(255,255,255,.72)}.ss-merchant-cta h2{margin-bottom:17px;color:#fff;font-size:clamp(46px,4.5vw,72px);line-height:.93;letter-spacing:-.05em;font-weight:750;text-transform:uppercase}.ss-merchant-cta p{max-width:650px;margin:0;color:rgba(255,255,255,.9);font-size:13px}.ss-merchant-cta>a{flex:0 0 auto;min-width:190px;min-height:52px;padding:0 24px;background:#fff;color:var(--red);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;text-transform:uppercase}
/* public merchant */
.ss-merchant-hero{min-height:670px;display:grid;grid-template-columns:.84fr 1.16fr;border-bottom:1px solid var(--border)}.ss-merchant-copy{padding:72px 9% 70px 7%;display:flex;flex-direction:column;justify-content:center}.ss-public-logo{width:96px;height:96px;padding:12px;margin-bottom:26px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center}.ss-public-logo img{width:100%;height:100%;object-fit:contain}.ss-merchant-kicker{margin-bottom:18px;color:#888}.ss-merchant-copy h1{margin-bottom:12px;font-size:clamp(48px,5vw,78px);line-height:.94;letter-spacing:-.055em;font-weight:760}.ss-merchant-tagline{max-width:610px;margin-bottom:20px;font-size:clamp(22px,2.2vw,34px);line-height:1.18;letter-spacing:-.03em;font-weight:500;color:#333}.ss-merchant-description{max-width:590px;margin-bottom:32px;color:#5d5d5d;font-size:15px;line-height:1.7}.ss-merchant-meta{padding-top:23px;margin-bottom:30px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:36px}.ss-merchant-meta div{min-width:110px;max-width:220px}.ss-merchant-meta small{display:block;margin-bottom:5px;color:#999;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ss-merchant-meta strong{display:block;font-size:12px;line-height:1.35}.ss-dark-btn{width:max-content;min-height:47px;padding:0 20px;background:#050505;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;text-transform:uppercase}.ss-merchant-visual{min-height:670px;background:#f2f2f2;overflow:hidden}.ss-merchant-visual img{width:100%;height:100%;min-height:670px;object-fit:cover}.ss-featured-product-row{margin-bottom:56px}.ss-featured-product-row .ss-product-card{max-width:900px}.ss-collection-group{margin-top:58px;padding-top:42px;border-top:1px solid var(--border)}.ss-collection-head{margin-bottom:28px;display:flex;align-items:center;gap:14px}.ss-collection-head .ss-cat-icon{width:30px;height:30px;color:#111}.ss-collection-head span{display:block;margin-bottom:3px;color:#999;font-size:8px;font-weight:800;text-transform:uppercase}.ss-collection-head h3{font-size:28px;letter-spacing:-.03em}.ss-story{padding:96px var(--pad);display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;border-bottom:1px solid var(--border)}.ss-story>div:first-child span{margin-bottom:17px;color:#888}.ss-story>div:first-child h2{font-size:clamp(38px,3.8vw,64px);line-height:.96;letter-spacing:-.045em;font-weight:700}.ss-story-copy{max-width:760px;color:#444;font-size:16px;line-height:1.8}.ss-related{background:#f7f7f7}
/* generic page */
.ss-page{padding:70px var(--pad)}.ss-page>header{max-width:1200px;margin:0 auto 35px}.ss-page>header h1{font-size:clamp(44px,5vw,72px);letter-spacing:-.05em}.ss-page-content{max-width:1200px;margin:0 auto}
/* footer */
.ss-footer{padding:68px var(--pad) 25px;background:var(--yellow)}.ss-footer-grid{padding-bottom:50px;display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:48px}.ss-footer-main{max-width:360px}.ss-footer-logo{margin-bottom:20px}.ss-footer-main>p{max-width:310px;margin-bottom:24px;color:#292929;font-size:12px}.ss-footer h4{margin-bottom:18px;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ss-footer ul{margin:0;padding:0;list-style:none}.ss-footer li{margin-bottom:9px}.ss-footer li a{font-size:11px;font-weight:600}.ss-footer-partners{padding-top:18px;border-top:1px solid rgba(0,0,0,.1)}.ss-footer-partners>span{display:block;margin-bottom:13px;color:rgba(0,0,0,.55);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ss-footer-partner-logos{display:flex;align-items:center;gap:24px}.ss-footer-partner-logos img{width:auto;object-fit:contain}.ss-partner-dhl{max-height:24px}.ss-partner-ecommerce{max-height:38px}.ss-footer-bottom{padding-top:20px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;color:#333;font-size:9px}.ss-mobile-nav{display:none}
@media(max-width:1200px){.ss-product-grid{grid-template-columns:repeat(3,1fr)}.ss-categories{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1024px){.ss-menu-toggle{display:block;margin-left:auto}.ss-nav-wrap{position:fixed;inset:76px 0 auto;display:none;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:25px var(--pad) 28px;flex-direction:column;align-items:stretch}.admin-bar .ss-nav-wrap{top:108px}.ss-nav-wrap.open{display:flex}.ss-nav{flex-direction:column;align-items:flex-start}.ss-nav-actions{justify-content:space-between}.ss-hero{grid-template-columns:1fr;min-height:auto}.ss-hero-feature{order:-1;min-height:54vw}.ss-hero-copy{padding:66px var(--pad) 72px}.ss-product-grid{grid-template-columns:repeat(2,1fr)}.ss-featured-brand-grid{grid-template-columns:repeat(2,1fr)}.ss-featured-brand:last-child{grid-column:span 2}.ss-categories{grid-template-columns:repeat(3,1fr)}.ss-merchant-hero{grid-template-columns:1fr}.ss-merchant-visual{order:-1;min-height:54vw}.ss-merchant-visual img{min-height:54vw}.ss-story{grid-template-columns:1fr;gap:42px}.ss-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.ss-footer-main{grid-column:span 3}.marketplace{grid-template-columns:1fr}}
@media(max-width:767px){:root{--pad:20px}body{padding-bottom:64px}.admin-bar .ss-header{top:46px}.ss-header-inner{min-height:68px;padding:0 18px}.custom-logo{max-height:30px}.ss-nav-wrap{top:68px}.admin-bar .ss-nav-wrap{top:114px}.ss-nav-actions{align-items:stretch;flex-direction:column}.ss-lang-switch{border-right:0;padding-right:0}.ss-merchant-btn{width:100%}.ss-account-menu{align-self:flex-start}.ss-hero-feature{min-height:64vw}.ss-feature-overlay{left:15px;right:15px;bottom:15px;min-width:0}.ss-hero-copy{padding:52px 20px 58px}.ss-eyebrow{margin-bottom:19px;font-size:8px}.ss-hero-copy h1{font-size:clamp(46px,16vw,68px);margin-bottom:20px}.ss-hero-copy p{font-size:14px}.ss-discovery-inner{padding:60px 20px}.ss-discovery h2{font-size:30px;margin-bottom:24px}.ss-discovery-sentence{font-size:24px;line-height:1.55}.ss-ai-submit{width:100%}.ss-mini-head{align-items:flex-start;flex-direction:column;gap:5px}.ss-categories{grid-template-columns:repeat(2,1fr)}.ss-categories a{min-height:108px;padding:17px}.ss-showcase,.ss-brand-section{padding:72px 20px}.ss-sec-head{margin-bottom:36px;flex-direction:column;align-items:flex-start;gap:18px}.ss-sec-head h2{font-size:clamp(44px,13.5vw,64px)}.ss-sec-head>p{text-align:left}.ss-product-grid{grid-template-columns:1fr;gap:18px}.ss-product-card.is-featured{grid-column:auto}.ss-product-card.is-featured .ss-product-image{aspect-ratio:4/3}.ss-featured-brand-grid{grid-template-columns:1fr}.ss-featured-brand:last-child{grid-column:auto}.ss-merchant-cta{padding:62px 20px;flex-direction:column;align-items:flex-start;gap:28px}.ss-merchant-cta h2{font-size:clamp(44px,13vw,62px)}.ss-merchant-cta>a{width:100%}.ss-merchant-visual,.ss-merchant-visual img{min-height:72vw}.ss-merchant-copy{padding:52px 20px 60px}.ss-public-logo{width:82px;height:82px}.ss-merchant-copy h1{font-size:clamp(44px,13vw,62px)}.ss-merchant-tagline{font-size:24px}.ss-dark-btn{width:100%}.ss-featured-product-row .ss-product-card{max-width:none}.ss-collection-group{margin-top:42px;padding-top:32px}.ss-story{padding:70px 20px}.ss-footer{padding:50px 20px 22px}.ss-footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.ss-footer-main{grid-column:span 2}.ss-footer-bottom{flex-direction:column;gap:7px}.ss-mobile-nav{position:fixed;z-index:9999;left:0;right:0;bottom:0;height:64px;background:rgba(255,255,255,.98);border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(4,1fr);backdrop-filter:blur(12px)}.ss-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}.ss-mobile-nav small{font-size:8px;font-weight:800;text-transform:uppercase}.marketplace{padding:35px 20px}}

/* =========================================================
   v0.3 OUR STORY
========================================================= */
.ss-our-story{padding:105px var(--pad);display:grid;grid-template-columns:.82fr 1.18fr;gap:100px;border-top:1px solid var(--border);background:#fff}.ss-our-story-intro .ss-overline{margin-bottom:20px}.ss-our-story-intro h2{font-size:clamp(52px,5.1vw,82px);line-height:.9;letter-spacing:-.055em;font-weight:760}.ss-our-story-body{max-width:760px}.ss-our-story-lead{font-size:clamp(25px,2.4vw,38px);line-height:1.28;letter-spacing:-.035em;font-weight:500;margin-bottom:26px}.ss-our-story-body>p:not(.ss-our-story-lead){max-width:690px;color:#555;font-size:15px;line-height:1.75}.ss-story-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.ss-story-links a{padding-bottom:4px;border-bottom:1px solid #111;font-size:10px;font-weight:800;text-transform:uppercase}

/* =========================================================
   v0.3 MERCHANT COLLECTIONS
========================================================= */
.ss-merchant-collections{padding:96px var(--pad);max-width:var(--max);margin:auto;border-bottom:1px solid var(--border)}.ss-merchant-collection{display:grid;grid-template-columns:.72fr 1.28fr;margin-top:68px;padding-top:50px;border-top:1px solid var(--border)}.ss-merchant-collection:first-of-type{margin-top:0}.ss-merchant-collection-cover{min-height:360px;background:#f1f1f1;overflow:hidden}.ss-merchant-collection-cover img{width:100%;height:100%;min-height:360px;object-fit:cover}.ss-collection-cover-placeholder{width:100%;height:100%;min-height:360px;background:#f0f0ee}.ss-merchant-collection-copy{padding:42px 46px;display:flex;flex-direction:column;justify-content:center;background:#fafafa}.ss-merchant-collection-copy>span{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#999}.ss-merchant-collection-copy h3{font-size:clamp(34px,3.4vw,54px);line-height:.98;letter-spacing:-.045em;margin:10px 0 18px;font-weight:700}.ss-merchant-collection-copy p{max-width:570px;color:#5b5b5b;font-size:14px;line-height:1.7;margin-bottom:22px}.ss-merchant-collection-copy small{font-size:10px;font-weight:800;text-transform:uppercase;color:#777}.ss-collection-products{grid-column:1/-1;margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.ss-merchant-collection.is-featured{grid-template-columns:1.08fr .92fr}.ss-merchant-collection.is-featured .ss-merchant-collection-cover{min-height:470px}.ss-merchant-collection.is-featured .ss-merchant-collection-cover img,.ss-merchant-collection.is-featured .ss-collection-cover-placeholder{min-height:470px}.ss-merchant-collection.is-featured .ss-merchant-collection-copy{padding:55px}.ss-merchant-collection.is-featured .ss-merchant-collection-copy h3{font-size:clamp(42px,4.2vw,68px)}.ss-profile-categories{border-bottom:1px solid var(--border);background:#fff}.ss-related{background:#f7f7f7}.ss-merchant-products{border-bottom:1px solid var(--border)}

@media(max-width:1024px){.ss-our-story{grid-template-columns:1fr;gap:42px}.ss-merchant-collection,.ss-merchant-collection.is-featured{grid-template-columns:1fr 1fr}.ss-collection-products{grid-template-columns:repeat(2,minmax(0,1fr))}.ss-merchant-collection.is-featured .ss-merchant-collection-cover,.ss-merchant-collection.is-featured .ss-merchant-collection-cover img,.ss-merchant-collection.is-featured .ss-collection-cover-placeholder{min-height:380px}}
@media(max-width:767px){.ss-our-story{padding:72px 20px;gap:34px}.ss-our-story-intro h2{font-size:clamp(44px,13vw,62px)}.ss-our-story-lead{font-size:25px}.ss-merchant-collections{padding:72px 20px}.ss-merchant-collection,.ss-merchant-collection.is-featured{grid-template-columns:1fr;margin-top:48px;padding-top:34px}.ss-merchant-collection-cover,.ss-merchant-collection-cover img,.ss-collection-cover-placeholder,.ss-merchant-collection.is-featured .ss-merchant-collection-cover,.ss-merchant-collection.is-featured .ss-merchant-collection-cover img,.ss-merchant-collection.is-featured .ss-collection-cover-placeholder{min-height:68vw}.ss-merchant-collection-copy,.ss-merchant-collection.is-featured .ss-merchant-collection-copy{padding:28px 22px}.ss-merchant-collection-copy h3,.ss-merchant-collection.is-featured .ss-merchant-collection-copy h3{font-size:36px}.ss-collection-products{grid-template-columns:1fr;margin-top:18px;gap:16px}}

/* =========================================================
   v0.4 COLLECTION VISIBILITY + MOBILE APP POLISH
========================================================= */
.ss-collections-stack{display:grid;gap:0}.ss-collection-empty{grid-column:1/-1;padding:22px;border:1px dashed #d6d6d6;background:#fafafa;color:#777;font-size:12px}.ss-profile-categories .ss-mini-head{max-width:var(--max);margin:0 auto}.ss-profile-categories .ss-categories{max-width:none}.ss-related .ss-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:1024px){
  .ss-related .ss-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px){
  /* app-like content spacing */
  body{background:#fff;padding-bottom:72px}
  .ss-header{box-shadow:0 1px 0 rgba(0,0,0,.06)}
  .ss-header-inner{min-height:64px}
  .ss-merchant-hero{display:flex;flex-direction:column;min-height:auto}
  .ss-merchant-visual{order:-1;min-height:56vw;max-height:310px}
  .ss-merchant-visual img{min-height:56vw;max-height:310px;object-fit:cover}
  .ss-merchant-copy{padding:28px 18px 34px}
  .ss-public-logo{width:68px;height:68px;margin-top:-52px;position:relative;z-index:3;background:#fff;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.1);margin-bottom:18px}
  .ss-merchant-kicker{font-size:8px;margin-bottom:11px}
  .ss-merchant-copy h1{font-size:38px;line-height:.95;margin-bottom:8px}
  .ss-merchant-tagline{font-size:20px;line-height:1.2;margin-bottom:14px}
  .ss-merchant-description{font-size:13px;line-height:1.6;margin-bottom:20px}
  .ss-merchant-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:16px;margin-bottom:20px}
  .ss-merchant-meta div{min-width:0;max-width:none;padding-right:6px}
  .ss-merchant-meta small{font-size:7px}.ss-merchant-meta strong{font-size:10px;line-height:1.25}
  .ss-dark-btn{min-height:44px;font-size:9px}

  /* exactly two category rows, horizontally swipeable */
  .ss-profile-categories,.ss-category-section{overflow:hidden}
  .ss-profile-categories .ss-mini-head,.ss-category-section .ss-mini-head{padding:20px 18px 12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
  .ss-categories{display:grid!important;grid-template-rows:repeat(2,86px);grid-auto-flow:column;grid-auto-columns:112px;grid-template-columns:none!important;gap:1px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}
  .ss-categories::-webkit-scrollbar{display:none}
  .ss-categories a{min-height:86px!important;height:86px;padding:12px 10px!important;scroll-snap-align:start;justify-content:space-between}
  .ss-cat-icon{width:20px!important;height:20px!important}.ss-categories strong{font-size:8px!important;line-height:1.18}

  /* compact product cards: 2 columns like an app */
  .ss-product-grid,.ss-related .ss-product-grid,.ss-collection-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .ss-product-card{min-width:0}
  .ss-product-image{aspect-ratio:1/1.03!important}
  .ss-product-info{padding:10px 10px 9px!important}
  .ss-product-info>span{font-size:7px!important;line-height:1.2;margin-bottom:4px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ss-product-info h3{font-size:12px!important;line-height:1.15!important;margin-bottom:5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ss-product-info strong{font-size:11px!important}
  .ss-product-meta{padding:7px 9px!important;gap:4px}.ss-product-meta span{font-size:6px!important}
  .ss-product-cta{min-height:35px!important;padding:0 8px!important;font-size:7px!important}
  .ss-product-card.is-featured{grid-column:1/-1!important}
  .ss-product-card.is-featured .ss-product-image{aspect-ratio:16/10!important}
  .ss-product-card.is-featured .ss-product-info{padding:13px!important}
  .ss-product-card.is-featured .ss-product-info h3{font-size:16px!important}

  /* merchant collection becomes app editorial block */
  .ss-merchant-collections{padding:48px 14px!important}
  .ss-merchant-collections .ss-sec-head{padding:0 4px;margin-bottom:24px}
  .ss-merchant-collections .ss-sec-head h2{font-size:38px}
  .ss-merchant-collection,.ss-merchant-collection.is-featured{margin-top:24px!important;padding-top:24px!important;border-top:1px solid #e6e6e6!important;display:grid!important;grid-template-columns:1fr!important;background:#fff}
  .ss-merchant-collection:first-child{margin-top:0!important}
  .ss-merchant-collection-cover,.ss-merchant-collection-cover img,.ss-collection-cover-placeholder,.ss-merchant-collection.is-featured .ss-merchant-collection-cover,.ss-merchant-collection.is-featured .ss-merchant-collection-cover img,.ss-merchant-collection.is-featured .ss-collection-cover-placeholder{min-height:0!important;height:auto!important;aspect-ratio:16/9!important}
  .ss-merchant-collection-copy,.ss-merchant-collection.is-featured .ss-merchant-collection-copy{padding:18px 4px 14px!important;background:#fff!important}
  .ss-merchant-collection-copy>span{font-size:7px}.ss-merchant-collection-copy h3,.ss-merchant-collection.is-featured .ss-merchant-collection-copy h3{font-size:26px!important;margin:6px 0 9px!important}.ss-merchant-collection-copy p{font-size:12px;line-height:1.55;margin-bottom:10px}.ss-merchant-collection-copy small{font-size:8px}
  .ss-collection-products{grid-column:1!important;margin-top:4px!important}
  .ss-collection-empty{padding:16px;font-size:10px}

  .ss-showcase,.ss-brand-section,.ss-related{padding:48px 14px!important}
  .ss-showcase .ss-sec-head,.ss-related .ss-sec-head{padding:0 4px;margin-bottom:24px}
  .ss-sec-head h2{font-size:38px!important;line-height:.92}.ss-sec-head>p{font-size:11px;line-height:1.5}
  .ss-story{padding:48px 18px!important;gap:24px}.ss-story>div:first-child h2{font-size:34px}.ss-story-copy{font-size:13px;line-height:1.7}

  /* premium bottom navigation */
  .ss-mobile-nav{height:68px!important;padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.96)!important;border-top:1px solid rgba(0,0,0,.08)!important;box-shadow:0 -8px 30px rgba(0,0,0,.06);backdrop-filter:blur(18px)!important}
  .ss-mobile-nav a{gap:4px;border-radius:10px;color:#555;transition:.2s}.ss-mobile-nav a:active{background:#f3f3f3}.ss-mobile-nav a span{font-size:17px!important;line-height:1}.ss-mobile-nav small{font-size:7px!important;letter-spacing:.03em}
}

@media(max-width:390px){
  .ss-categories{grid-auto-columns:104px}.ss-product-grid,.ss-related .ss-product-grid,.ss-collection-products{gap:7px!important}
  .ss-product-info h3{font-size:11px!important}.ss-product-cta{font-size:6.5px!important}
}

/* =========================================================
   v0.5 DISCOVER / ARCHIVES / ABOUT / LOGISTICS / STORIES
========================================================= */
.ss-page-hero,.ss-discover-hero{padding:96px var(--ss-pad);border-bottom:1px solid var(--ss-border);background:#fff}.ss-page-hero>span,.ss-discover-hero>span{display:block;margin-bottom:22px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#888}.ss-page-hero h1,.ss-discover-hero h1{max-width:980px;margin:0 0 24px;font-size:clamp(58px,6vw,96px);line-height:.9;letter-spacing:-.055em;font-weight:750}.ss-page-hero p,.ss-discover-hero p{max-width:760px;margin:0;color:#626262;font-size:17px;line-height:1.65}.ss-page-hero-light{background:#f8f8f8}

.ss-discover-hero{background:#0a0a0a;color:#fff;text-align:center}.ss-discover-hero>span{color:var(--ss-yellow)}.ss-discover-hero h1{max-width:1050px;margin-left:auto;margin-right:auto;color:#fff}.ss-discover-hero p{margin-left:auto;margin-right:auto;color:#aaa}.ss-discover-search{max-width:900px;margin:38px auto 0;display:grid;grid-template-columns:1fr auto;background:#fff}.ss-discover-search input{min-width:0;height:64px;border:0;padding:0 22px;font-size:16px;outline:0}.ss-discover-search button{border:0;background:var(--ss-yellow);padding:0 28px;font-size:11px;font-weight:800;text-transform:uppercase}

.ss-discover-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;padding:56px var(--ss-pad) 90px;background:#fff}.ss-discover-sidebar{position:sticky;top:105px;height:max-content;border-right:1px solid var(--ss-border);padding-right:28px}.ss-filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ss-filter-head strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ss-filter-head button{display:none;border:0;background:none;font-size:24px}.ss-filter-group{padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--ss-border)}.ss-filter-group h3{margin-bottom:14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.ss-filter-group label{display:flex;align-items:center;gap:9px;margin:10px 0;color:#555;font-size:12px}.ss-filter-input{width:100%;height:42px;border:1px solid #ddd;padding:0 12px}.ss-filter-submit{width:100%;min-height:44px;border:0;background:#050505;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.ss-filter-toggle{display:none}.ss-results-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.ss-result-tabs{display:flex;gap:24px}.ss-result-tabs a{padding-bottom:7px;border-bottom:2px solid transparent;font-size:12px;font-weight:800;text-transform:uppercase}.ss-result-tabs a.active{border-color:#000}.ss-results-head>span{color:#888;font-size:11px}.ss-empty-results{grid-column:1/-1;padding:42px;border:1px dashed #ccc;color:#777}

.ss-merchant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ss-merchant-card{border:1px solid var(--ss-border);background:#fff;overflow:hidden;transition:.25s}.ss-merchant-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(0,0,0,.05)}.ss-merchant-card-image{display:block;aspect-ratio:16/11;background:#f1f1f1;overflow:hidden}.ss-merchant-card-image img{width:100%;height:100%;object-fit:cover}.ss-merchant-card-body{padding:18px}.ss-merchant-card-top{display:flex;gap:12px;align-items:center}.ss-merchant-card-logo{width:44px;height:44px;object-fit:contain;border:1px solid #eee;background:#fff;padding:5px}.ss-merchant-card-top span{display:block;color:#999;font-size:9px;text-transform:uppercase}.ss-merchant-card h3{font-size:20px;line-height:1.05;font-weight:700}.ss-merchant-card-body>p{margin:16px 0;color:#666;font-size:12px;line-height:1.55}.ss-merchant-card-cats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.ss-merchant-card-cats span{padding:5px 8px;background:#f5f5f5;font-size:8px;font-weight:700;text-transform:uppercase}.ss-card-link{font-size:10px;font-weight:800;text-transform:uppercase;border-bottom:1px solid #111;padding-bottom:2px}.ss-archive-section,.ss-category-landing,.ss-story-archive,.ss-story-related{padding:78px var(--ss-pad)}.ss-pagination{margin-top:42px}

.ss-about-story{padding:105px var(--ss-pad);display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;border-bottom:1px solid var(--ss-border)}.ss-about-story span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#888}.ss-about-story h2{margin-top:18px;font-size:clamp(46px,4.5vw,76px);line-height:.94;letter-spacing:-.05em}.ss-about-story .lead{font-size:clamp(24px,2.4vw,38px);line-height:1.3;font-weight:500;letter-spacing:-.03em}.ss-about-story p:not(.lead){color:#555;font-size:15px;line-height:1.75}.ss-about-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--ss-border)}.ss-about-pillars article{padding:56px 38px;border-right:1px solid var(--ss-border)}.ss-about-pillars article:last-child{border-right:0}.ss-about-pillars span,.ss-join-benefits span{font-size:10px;font-weight:800;color:#aaa}.ss-about-pillars h3,.ss-join-benefits h3{margin:28px 0 12px;font-size:28px}.ss-about-pillars p,.ss-join-benefits p{margin:0;color:#666;font-size:13px;line-height:1.65}.ss-about-network{display:grid;grid-template-columns:repeat(3,1fr);background:#0a0a0a;color:#fff}.ss-about-network>div{padding:64px 36px;border-right:1px solid #262626}.ss-about-network span{font-size:9px;color:var(--ss-yellow);font-weight:800;letter-spacing:.1em}.ss-about-network h2{margin-top:18px;color:#fff;font-size:28px;line-height:1.1}

.ss-join-cta,.ss-join-action{padding:74px var(--ss-pad);background:var(--ss-red);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.ss-join-cta span,.ss-join-action span{font-size:9px;font-weight:800;letter-spacing:.12em}.ss-join-cta h2,.ss-join-action h2{margin:10px 0 10px;color:#fff;font-size:clamp(38px,4vw,64px);line-height:.95}.ss-join-cta p{max-width:700px;margin:0;color:#fff}.ss-join-cta>a,.ss-join-action>a{flex:0 0 auto;padding:18px 24px;background:#fff;color:var(--ss-red);font-size:10px;font-weight:800;text-transform:uppercase}

.ss-logistics-services{display:grid;grid-template-columns:1fr 1fr}.ss-logistics-services article{padding:86px var(--ss-pad);min-height:620px}.ss-logistics-services .express{background:#d40511;color:#fff}.ss-logistics-services .economy{background:#ffcc00}.ss-logistics-services article>span{font-size:10px;font-weight:800;letter-spacing:.12em}.ss-logistics-services h2{margin:24px 0;font-size:clamp(42px,4vw,66px);line-height:.95}.ss-logistics-services .express h2{color:#fff}.ss-logistics-services p{max-width:620px;font-size:15px;line-height:1.7}.ss-logistics-services ul{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid currentColor}.ss-logistics-services li{padding:15px 0;border-bottom:1px solid currentColor;font-size:12px;font-weight:600}.ss-logistics-flow{padding:88px var(--ss-pad);border-bottom:1px solid var(--ss-border)}.ss-logistics-flow>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#888}.ss-logistics-flow>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ss-border);margin-top:30px}.ss-logistics-flow article{background:#fff;padding:34px}.ss-logistics-flow b{font-size:11px;color:#999}.ss-logistics-flow h3{margin:26px 0 10px;font-size:24px}.ss-logistics-flow p{margin:0;color:#666;font-size:13px;line-height:1.6}

.ss-join-benefits{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ss-border);gap:1px}.ss-join-benefits article{background:#fff;padding:44px 34px;min-height:240px}

.ss-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.ss-story-card{border-bottom:1px solid var(--ss-border)}.ss-story-card-image{display:block;aspect-ratio:16/11;background:#f0f0f0;overflow:hidden}.ss-story-card-image img{width:100%;height:100%;object-fit:cover}.ss-story-card>div{padding:20px 0 26px}.ss-story-card span{font-size:9px;color:#999;text-transform:uppercase}.ss-story-card h2{margin:8px 0 10px;font-size:23px;line-height:1.08}.ss-story-card p{color:#666;font-size:12px;line-height:1.6}.ss-story-single header{padding:92px var(--ss-pad) 56px;max-width:1100px}.ss-story-single header>span{font-size:10px;color:#999}.ss-story-single h1{margin:16px 0 22px;font-size:clamp(58px,6vw,96px);line-height:.92;letter-spacing:-.055em}.ss-story-single header p{max-width:760px;color:#666;font-size:18px;line-height:1.6}.ss-story-single-hero{margin:0 var(--ss-pad);max-height:720px;overflow:hidden}.ss-story-single-hero img{width:100%;height:100%;object-fit:cover}.ss-story-single-body{max-width:820px;margin:0 auto;padding:70px 20px 90px;font-size:17px;line-height:1.8}.ss-story-single-body h2,.ss-story-single-body h3{margin-top:44px;line-height:1.1}.ss-story-related{background:#f8f8f8}.ss-story-related>span{font-size:9px;font-weight:800;color:#888}.ss-story-related>h2{margin:12px 0 32px;font-size:48px}.ss-section-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.ss-section-intro.second{margin-top:74px}.ss-section-intro h2{font-size:42px}.ss-section-intro a{font-size:10px;font-weight:800;text-transform:uppercase}

@media(max-width:1024px){.ss-discover-layout{grid-template-columns:220px 1fr}.ss-merchant-grid{grid-template-columns:repeat(2,1fr)}.ss-about-story{grid-template-columns:1fr;gap:42px}.ss-about-pillars,.ss-about-network,.ss-join-benefits{grid-template-columns:1fr 1fr}.ss-logistics-services{grid-template-columns:1fr}.ss-logistics-services article{min-height:auto}.ss-logistics-flow>div{grid-template-columns:1fr}.ss-story-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:767px){.ss-page-hero,.ss-discover-hero{padding:58px 18px}.ss-page-hero h1,.ss-discover-hero h1{font-size:48px}.ss-page-hero p,.ss-discover-hero p{font-size:14px}.ss-discover-search{grid-template-columns:1fr;margin-top:28px}.ss-discover-search input{height:52px;font-size:14px}.ss-discover-search button{height:48px}.ss-discover-layout{display:block;padding:24px 14px 70px}.ss-filter-toggle{display:inline-flex;margin-bottom:18px;border:1px solid #111;background:#fff;padding:10px 14px;font-size:9px;font-weight:800;text-transform:uppercase}.ss-discover-sidebar{position:fixed;z-index:10000;left:0;right:0;bottom:0;top:auto;max-height:82vh;overflow:auto;background:#fff;border:0;border-radius:18px 18px 0 0;padding:22px;transform:translateY(105%);transition:.25s;box-shadow:0 -20px 50px rgba(0,0,0,.15)}.ss-discover-sidebar.open{transform:translateY(0)}.ss-filter-head button{display:block}.ss-results-head{align-items:flex-start;flex-direction:column}.ss-result-tabs{gap:18px}.ss-merchant-grid{grid-template-columns:1fr 1fr;gap:8px}.ss-merchant-card-body{padding:10px}.ss-merchant-card-logo{width:34px;height:34px}.ss-merchant-card h3{font-size:13px}.ss-merchant-card-body>p{display:none}.ss-merchant-card-cats{margin:10px 0}.ss-merchant-card-cats span{font-size:6.5px;padding:4px 5px}.ss-card-link{font-size:7px}.ss-archive-section,.ss-category-landing,.ss-story-archive,.ss-story-related{padding:48px 14px}.ss-about-story{padding:58px 18px}.ss-about-story h2{font-size:44px}.ss-about-story .lead{font-size:24px}.ss-about-pillars,.ss-about-network,.ss-join-benefits{grid-template-columns:1fr}.ss-about-pillars article,.ss-about-network>div,.ss-join-benefits article{border-right:0;border-bottom:1px solid var(--ss-border);padding:34px 20px}.ss-join-cta,.ss-join-action{padding:52px 20px;align-items:flex-start;flex-direction:column}.ss-join-cta h2,.ss-join-action h2{font-size:42px}.ss-join-cta>a,.ss-join-action>a{width:100%;text-align:center}.ss-logistics-services article{padding:56px 20px}.ss-logistics-services h2{font-size:44px}.ss-logistics-flow{padding:54px 18px}.ss-logistics-flow article{padding:24px}.ss-story-grid{grid-template-columns:1fr 1fr;gap:12px}.ss-story-card h2{font-size:16px}.ss-story-card p{display:none}.ss-story-card>div{padding:12px 0 18px}.ss-story-single header{padding:58px 18px 36px}.ss-story-single h1{font-size:48px}.ss-story-single-hero{margin:0 14px}.ss-story-single-body{padding:48px 20px 70px;font-size:15px}.ss-story-related>h2{font-size:36px}.ss-section-intro h2{font-size:32px}}


/* =========================================================
   v0.6 PAGE POLISH — OTKRIJ / O NAMA / LOGISTIKA / PRIDRUZI / KONTAKT
========================================================= */
:root{--ss-soft-gray:#ebe8e1;--ss-soft-gray-2:#f3f1ec;--ss-card-gray:#efede8}

/* discover page */
.ss-discover-hero-soft{padding:46px var(--ss-pad) 34px;background:var(--ss-soft-gray-2);border-bottom:1px solid var(--ss-border)}
.ss-discover-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:32px;align-items:stretch}
.ss-discover-copy,.ss-discover-search-card{background:#fff;border:1px solid var(--ss-border)}
.ss-discover-copy{padding:54px 54px 48px}
.ss-discover-copy h1{max-width:780px;margin:0 0 18px;font-size:clamp(54px,5.2vw,84px);line-height:.92;letter-spacing:-.055em;font-weight:760}
.ss-discover-copy p{max-width:620px;margin:0;color:#656565;font-size:15px;line-height:1.7}
.ss-discover-mini-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:36px;padding-top:22px;border-top:1px solid var(--ss-border)}
.ss-discover-mini-stats div{display:flex;flex-direction:column;gap:5px}
.ss-discover-mini-stats strong{font-size:24px;line-height:1;font-weight:800}
.ss-discover-mini-stats span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#888}
.ss-discover-search-card{padding:42px 40px;display:flex;flex-direction:column;justify-content:center;background:var(--ss-card-gray)}
.ss-discover-search-card h2{margin:0 0 10px;font-size:clamp(34px,3.1vw,48px);line-height:.98;letter-spacing:-.045em}
.ss-discover-search-card p{margin:0 0 22px;color:#666;font-size:14px;line-height:1.65}
.ss-discover-search-soft{display:grid;grid-template-columns:1fr auto;gap:0;background:#fff;border:1px solid #ddd}
.ss-discover-search-soft input{border:0;min-width:0;height:58px;padding:0 18px;font-size:15px;outline:0;background:#fff}
.ss-discover-search-soft button{border:0;min-width:154px;background:var(--ss-yellow);color:#000;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ss-discover-prompt-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.ss-discover-prompt-row a{padding:8px 10px;border:1px solid rgba(0,0,0,.1);background:#fff;font-size:10px;font-weight:700;color:#666}
.ss-discover-topcats-wrap{margin-top:26px}
.ss-categories-compact{grid-template-columns:repeat(5,1fr)!important}
.ss-categories-compact a{min-height:100px}

/* shared split hero */
.ss-split-hero{display:grid;grid-template-columns:.96fr 1.04fr;gap:0;border-bottom:1px solid var(--ss-border);min-height:640px}
.ss-split-copy{padding:86px 7% 82px;display:flex;flex-direction:column;justify-content:center;background:#fff}
.ss-split-copy h1{max-width:720px;margin:0 0 24px;font-size:clamp(62px,6vw,98px);line-height:.88;letter-spacing:-.06em;font-weight:780}
.ss-split-copy p{max-width:590px;margin:0;color:#5f5f5f;font-size:16px;line-height:1.72}
.ss-inline-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}
.ss-split-visual{position:relative;min-height:640px;background:var(--ss-soft-gray);display:flex;align-items:stretch;justify-content:stretch;padding:0}
.ss-split-visual-frame{position:absolute;inset:0;overflow:hidden}
.ss-split-visual img,.ss-split-visual-frame img{width:100%;height:100%;object-fit:cover}
.ss-split-visual-soft:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(235,232,225,.38),rgba(255,255,255,.08));z-index:1}
.ss-visual-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ebe8e1,#f7f5f1)}
.ss-floating-note{position:absolute;z-index:3;max-width:280px;padding:18px 18px 16px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 40px rgba(0,0,0,.07)}
.ss-floating-note.top{top:28px;left:28px}
.ss-floating-note.bottom{left:28px;bottom:28px}
.ss-floating-note.wide{max-width:420px}
.ss-floating-note span{display:block;margin-bottom:7px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#888}
.ss-floating-note strong{display:block;font-size:14px;line-height:1.45;font-weight:700}

/* neutral strips and process */
.ss-neutral-band{padding:0;border-bottom:1px solid var(--ss-border);background:var(--ss-soft-gray)}
.ss-band-grid{display:grid;gap:1px;background:#d8d5cf}
.ss-band-grid-3{grid-template-columns:repeat(3,1fr)}
.ss-band-grid article{background:var(--ss-soft-gray);padding:38px 34px 34px}
.ss-band-grid article span{display:block;margin-bottom:18px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a867f}
.ss-band-grid article h3{margin:0 0 12px;font-size:28px;line-height:1.05;letter-spacing:-.03em}
.ss-band-grid article p{margin:0;color:#666;font-size:13px;line-height:1.65}

.ss-process-wrap{padding:82px var(--ss-pad);border-bottom:1px solid var(--ss-border);background:#fff}
.ss-process-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}
.ss-process-intro h2{font-size:clamp(42px,4.2vw,64px);line-height:.94;letter-spacing:-.05em}
.ss-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ss-border)}
.ss-process-grid article{background:#fff;padding:34px 32px}
.ss-process-grid b{display:block;margin-bottom:22px;font-size:11px;color:#999}
.ss-process-grid h3{margin:0 0 10px;font-size:25px;line-height:1.08;letter-spacing:-.025em}
.ss-process-grid p{margin:0;color:#666;font-size:13px;line-height:1.65}

/* about page */
.ss-story-editorial{padding:94px var(--ss-pad);display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;border-bottom:1px solid var(--ss-border);background:#fff}
.ss-story-editorial h2{margin:16px 0 0;font-size:clamp(42px,4.4vw,70px);line-height:.95;letter-spacing:-.05em}
.ss-story-editorial .lead{font-size:clamp(24px,2.2vw,36px);line-height:1.32;letter-spacing:-.03em;font-weight:500;color:#111}
.ss-story-editorial-copy p:not(.lead){color:#5f5f5f;font-size:15px;line-height:1.76}
.ss-plain-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ss-border);border-bottom:1px solid var(--ss-border)}
.ss-plain-pillars article{background:#fff;padding:46px 36px}
.ss-plain-pillars span,.ss-benefit-cards span,.ss-contact-cards span{display:block;margin-bottom:22px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#a09c95}
.ss-plain-pillars h3,.ss-benefit-cards h3,.ss-contact-cards h3{margin:0 0 12px;font-size:32px;line-height:1.02;letter-spacing:-.04em}
.ss-plain-pillars p,.ss-benefit-cards p,.ss-contact-cards p{margin:0;color:#676767;font-size:14px;line-height:1.68}
.ss-audience-band .ss-band-grid article{background:#f7f5f2}
.ss-audience-band .ss-band-grid article span{color:#8d867e}

/* logistics */
.ss-logistics-split .ss-split-copy{background:#fff}
.ss-logistics-split .ss-split-visual{background:var(--ss-soft-gray)}
.ss-logistics-service-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:84px var(--ss-pad);border-bottom:1px solid var(--ss-border);background:#fff}
.ss-service-panel{padding:42px 38px;border:1px solid var(--ss-border)}
.ss-service-panel.soft-gray{background:var(--ss-soft-gray)}
.ss-service-panel.soft-white{background:#fff}
.ss-service-panel h2{margin:12px 0 16px;font-size:clamp(36px,3.2vw,52px);line-height:.98;letter-spacing:-.045em}
.ss-service-panel p{max-width:640px;color:#626262;font-size:15px;line-height:1.72}
.ss-service-panel ul{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid rgba(0,0,0,.12)}
.ss-service-panel li{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.12);font-size:12px;font-weight:700;color:#222}

/* join */
.ss-join-story-block{padding:92px var(--ss-pad);display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;border-bottom:1px solid var(--ss-border);background:#fff}
.ss-join-story-block h2{margin:16px 0 0;font-size:clamp(42px,4.4vw,70px);line-height:.95;letter-spacing:-.05em}
.ss-join-story-block .lead{font-size:clamp(24px,2.15vw,34px);line-height:1.34;letter-spacing:-.03em;font-weight:500}
.ss-join-story-block p:not(.lead){font-size:15px;line-height:1.76;color:#5f5f5f}
.ss-benefit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ss-border);border-bottom:1px solid var(--ss-border)}
.ss-benefit-cards article{background:#fff;padding:38px 34px;min-height:220px}

/* contact */
.ss-contact-hero{padding:84px var(--ss-pad);border-bottom:1px solid var(--ss-border);background:var(--ss-soft-gray-2)}
.ss-contact-hero-inner h1{margin:0 0 18px;font-size:clamp(54px,5vw,80px);line-height:.92;letter-spacing:-.055em}
.ss-contact-hero-inner p{max-width:760px;margin:0;color:#646464;font-size:16px;line-height:1.72}
.ss-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ss-border);border-bottom:1px solid var(--ss-border)}
.ss-contact-cards article{background:#fff;padding:36px 34px}
.ss-contact-layout{padding:88px var(--ss-pad);display:grid;grid-template-columns:1.08fr .92fr;gap:34px;background:#fff}
.ss-contact-form-wrap,.ss-contact-side{border:1px solid var(--ss-border);padding:34px;background:#fff}
.ss-contact-form-wrap h2{margin:10px 0 18px;font-size:clamp(34px,3vw,48px);line-height:1;letter-spacing:-.045em}
.ss-contact-form-content{margin-top:18px}.ss-contact-placeholder{padding:18px;border:1px dashed #d2d2d2;background:#fafafa;color:#777;font-size:13px;line-height:1.6}
.ss-contact-side ul{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid var(--ss-border)}
.ss-contact-side li{padding:14px 0;border-bottom:1px solid var(--ss-border);font-size:13px;font-weight:600}
.ss-contact-note{margin-top:26px;padding:18px;background:var(--ss-soft-gray);border:1px solid #ddd6ca}.ss-contact-note strong{display:block;margin-bottom:8px;font-size:12px}.ss-contact-note p{margin:0;color:#666;font-size:13px;line-height:1.65}

/* mobile + tablet polish for updated pages */
@media(max-width:1180px){
  .ss-discover-copy{padding:42px 38px 38px}.ss-discover-copy h1{font-size:clamp(48px,5vw,72px)}
  .ss-split-copy{padding:64px 5.5% 60px}.ss-split-copy h1{font-size:clamp(50px,5vw,76px)}
}
@media(max-width:1024px){
  .ss-discover-hero-grid,.ss-split-hero,.ss-story-editorial,.ss-join-story-block,.ss-contact-layout{grid-template-columns:1fr}
  .ss-band-grid-3,.ss-plain-pillars,.ss-benefit-cards,.ss-contact-cards,.ss-logistics-service-panels{grid-template-columns:1fr 1fr}
  .ss-process-grid{grid-template-columns:1fr}
  .ss-split-visual{min-height:520px}
  .ss-contact-layout{padding-top:56px}
}
@media(max-width:767px){
  .ss-discover-hero-soft{padding:22px 14px 18px}.ss-discover-hero-grid{gap:12px}.ss-discover-copy,.ss-discover-search-card{padding:26px 18px}.ss-discover-copy h1{font-size:42px;line-height:.95;margin-bottom:12px}.ss-discover-copy p{font-size:13px;line-height:1.6}.ss-discover-mini-stats{gap:16px;margin-top:24px;padding-top:16px}.ss-discover-mini-stats strong{font-size:18px}.ss-discover-mini-stats span{font-size:8px}
  .ss-discover-search-card h2{font-size:28px}.ss-discover-search-soft{grid-template-columns:1fr}.ss-discover-search-soft input{height:50px;font-size:14px}.ss-discover-search-soft button{height:46px;min-width:0}.ss-discover-prompt-row{gap:8px}.ss-discover-prompt-row a{font-size:8px;padding:7px 8px}.ss-categories-compact{grid-auto-columns:112px!important}

  .ss-split-hero{grid-template-columns:1fr;min-height:auto}.ss-split-copy{padding:42px 18px 34px}.ss-split-copy h1{font-size:42px;line-height:.95;margin-bottom:14px}.ss-split-copy p{font-size:14px;line-height:1.62}.ss-inline-actions{margin-top:22px;gap:12px}.ss-split-visual{min-height:58vw;max-height:340px}.ss-split-visual-frame,.ss-split-visual img{min-height:58vw;max-height:340px}.ss-floating-note{max-width:240px;padding:13px 12px 12px}.ss-floating-note.top{top:14px;left:14px}.ss-floating-note.bottom{left:14px;right:14px;bottom:14px;max-width:none}.ss-floating-note strong{font-size:11px;line-height:1.45}

  .ss-neutral-band,.ss-plain-pillars,.ss-benefit-cards,.ss-contact-cards{overflow:hidden}.ss-band-grid-3,.ss-plain-pillars,.ss-benefit-cards,.ss-contact-cards{grid-template-columns:1fr}.ss-band-grid article,.ss-plain-pillars article,.ss-benefit-cards article,.ss-contact-cards article{padding:28px 18px}.ss-band-grid article h3,.ss-plain-pillars h3,.ss-benefit-cards h3,.ss-contact-cards h3{font-size:26px}

  .ss-logistics-service-panels{grid-template-columns:1fr;padding:48px 14px;gap:14px}.ss-service-panel{padding:24px 20px}.ss-service-panel h2{font-size:32px}.ss-service-panel p{font-size:13px;line-height:1.6}.ss-service-panel li{font-size:11px;padding:12px 0}

  .ss-process-wrap{padding:48px 14px}.ss-process-intro{display:block;margin-bottom:18px}.ss-process-intro h2{font-size:34px;margin-top:10px}.ss-process-grid article{padding:22px 18px}.ss-process-grid h3{font-size:22px}

  .ss-story-editorial,.ss-join-story-block,.ss-contact-layout{padding:52px 18px;gap:26px}.ss-story-editorial h2,.ss-join-story-block h2{font-size:38px}.ss-story-editorial .lead,.ss-join-story-block .lead{font-size:23px;line-height:1.34}.ss-story-editorial-copy p:not(.lead),.ss-join-story-block p:not(.lead){font-size:14px;line-height:1.7}

  .ss-contact-hero{padding:52px 18px}.ss-contact-hero-inner h1{font-size:42px}.ss-contact-hero-inner p{font-size:14px}.ss-contact-form-wrap,.ss-contact-side{padding:22px 18px}.ss-contact-form-wrap h2{font-size:30px}.ss-contact-side li,.ss-contact-note p,.ss-contact-placeholder{font-size:12px}
}

/* =========================================================
   v0.7 UNIFIED SECTION SYSTEM — STRICT SHOP SERBIA PALETTE
   White / Black / DHL Yellow / DHL Red / DHL Light Gray only
========================================================= */
:root{
  --ss-gray:#f2f2f2;
  --ss-gray-2:#e8e8e8;
  --ss-gray-3:#d9d9d9;
}

/* kill previous beige/taupe surfaces from v0.6 */
.ss-discover-hero-soft,
.ss-neutral-band,
.ss-band-grid article,
.ss-split-visual,
.ss-split-visual-soft,
.ss-service-panel.soft-gray,
.ss-contact-hero,
.ss-contact-note,
.ss-audience-band .ss-band-grid article,
.ss-benefit-cards,
.ss-plain-pillars,
.ss-logistics-service-panels{
  background:#fff;
}

.ss-gray-visual,
.is-gray-bg,
.ss-unified-grid article.is-gray,
.ss-service-row.is-gray{
  background:var(--ss-gray)!important;
}

/* unified split hero */
.ss-split-hero{min-height:600px;grid-template-columns:.95fr 1.05fr}
.ss-split-copy{padding:72px 6.5% 68px}
.ss-split-copy h1{font-size:clamp(54px,5.3vw,86px);line-height:.9}
.ss-split-copy p{font-size:15px;line-height:1.7}
.ss-split-visual{min-height:600px;border-left:1px solid var(--ss-border)}

.ss-logistics-mark,.ss-about-mark,.ss-join-mark,.ss-expo-mark{
  position:absolute;left:7%;top:50%;transform:translateY(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;color:#111;
}
.ss-logistics-mark span,.ss-about-mark span,.ss-join-mark span,.ss-expo-mark span{
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#777;
}
.ss-logistics-mark strong,.ss-about-mark strong,.ss-join-mark strong{
  font-size:clamp(30px,3vw,48px);line-height:.95;letter-spacing:-.04em;
}
.ss-logistics-mark i,.ss-join-mark i{font-style:normal;font-size:24px;color:var(--ss-red)}
.ss-expo-mark strong{font-size:clamp(88px,9vw,150px);line-height:.8;letter-spacing:-.07em}

/* unified grids */
.ss-unified-grid{display:grid;gap:1px;background:var(--ss-border);border-bottom:1px solid var(--ss-border)}
.ss-unified-grid-3{grid-template-columns:repeat(3,1fr)}
.ss-unified-grid.embedded{border:1px solid var(--ss-border)}
.ss-unified-grid article{background:#fff;padding:34px 30px;min-height:190px}
.ss-unified-grid article.is-yellow{background:var(--ss-yellow)}
.ss-unified-grid article>span{display:block;margin-bottom:22px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#999}
.ss-unified-grid article.is-yellow>span{color:rgba(0,0,0,.55)}
.ss-unified-grid article h3{margin:0 0 10px;font-size:26px;line-height:1.05;letter-spacing:-.035em;font-weight:700}
.ss-unified-grid article p{margin:0;color:#626262;font-size:13px;line-height:1.6;max-width:520px}
.ss-unified-grid article.is-yellow p{color:#222}

/* consistent section shell */
.ss-section-shell{padding:76px var(--ss-pad);background:#fff;border-bottom:1px solid var(--ss-border)}
.ss-section-shell.is-gray-bg{background:var(--ss-gray)}
.ss-sec-head.compact{margin-bottom:34px;align-items:flex-end}
.ss-sec-head.compact h2{font-size:clamp(44px,4.4vw,68px);line-height:.94}

/* service rows: replaces big card blocks */
.ss-service-rows{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ss-service-row{display:grid;grid-template-columns:.78fr 1.12fr .8fr;gap:28px;align-items:start;padding:30px;border:1px solid var(--ss-border);background:#fff}
.ss-service-row h3{margin:8px 0 0;font-size:34px;line-height:1;letter-spacing:-.04em}
.ss-service-row p{margin:0;color:#626262;font-size:13px;line-height:1.65}
.ss-service-row ul{list-style:none;margin:0;padding:0;border-top:1px solid #d8d8d8}
.ss-service-row li{padding:10px 0;border-bottom:1px solid #d8d8d8;font-size:11px;font-weight:700}

/* unified process */
.ss-process-unified{padding:72px var(--ss-pad);background:#fff;border-bottom:1px solid var(--ss-border)}
.ss-process-unified.is-gray-bg{background:var(--ss-gray)}
.ss-process-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
.ss-process-head h2{font-size:clamp(42px,4.2vw,64px);line-height:.95;letter-spacing:-.05em}

/* editorial sections tightened */
.ss-story-editorial{padding:78px var(--ss-pad);gap:58px}
.ss-story-editorial h2{font-size:clamp(40px,4vw,62px)}
.ss-story-editorial .lead{font-size:clamp(22px,2vw,32px)}

/* EXPO page normalization */
.ss-expo-split .ss-floating-note.top{max-width:280px}
.ss-expo-split .ss-floating-note.bottom{max-width:420px}

/* Discover page gets same palette */
.ss-discover-hero-soft{background:var(--ss-gray)!important}
.ss-discover-copy,.ss-discover-search-card{background:#fff!important}
.ss-discover-search-card{border-color:var(--ss-border)}
.ss-discover-prompt-row a{background:#fff}

/* CTA stays unified red */
.ss-join-cta{background:var(--ss-red)}
.ss-join-cta>a{background:#fff;color:var(--ss-red)}
.ss-join-cta>a:hover{background:var(--ss-yellow);color:#000}

/* mobile */
@media(max-width:1024px){
  .ss-unified-grid-3{grid-template-columns:1fr 1fr}
  .ss-service-rows{grid-template-columns:1fr}
  .ss-service-row{grid-template-columns:1fr 1fr}
  .ss-service-row ul{grid-column:1/-1}
}

@media(max-width:767px){
  .ss-split-hero{grid-template-columns:1fr;min-height:auto}
  .ss-split-copy{padding:40px 18px 34px}
  .ss-split-copy h1{font-size:42px}
  .ss-split-visual{min-height:54vw;border-left:0;border-top:1px solid var(--ss-border)}
  .ss-logistics-mark,.ss-about-mark,.ss-join-mark,.ss-expo-mark{left:18px}
  .ss-logistics-mark strong,.ss-about-mark strong,.ss-join-mark strong{font-size:30px}
  .ss-expo-mark strong{font-size:78px}

  .ss-unified-grid-3{grid-template-columns:1fr 1fr}
  .ss-unified-grid article{padding:22px 16px;min-height:150px}
  .ss-unified-grid article>span{margin-bottom:14px;font-size:7px}
  .ss-unified-grid article h3{font-size:20px}
  .ss-unified-grid article p{font-size:11px;line-height:1.5}

  .ss-section-shell,.ss-process-unified{padding:48px 14px}
  .ss-sec-head.compact{display:block;margin-bottom:22px}
  .ss-sec-head.compact h2,.ss-process-head h2{font-size:34px}
  .ss-sec-head.compact>p{margin-top:10px;text-align:left;font-size:11px}
  .ss-process-head{display:block;margin-bottom:20px}

  .ss-service-row{grid-template-columns:1fr;gap:16px;padding:20px 16px}
  .ss-service-row ul{grid-column:auto}
  .ss-service-row h3{font-size:28px}
  .ss-service-row p{font-size:12px}

  .ss-story-editorial{padding:50px 18px;gap:26px}
  .ss-story-editorial h2{font-size:36px}
  .ss-story-editorial .lead{font-size:22px}
}

@media(max-width:430px){
  .ss-unified-grid-3{grid-template-columns:1fr 1fr}
  .ss-unified-grid article{padding:18px 13px;min-height:145px}
  .ss-unified-grid article h3{font-size:18px}
  .ss-unified-grid article p{font-size:10.5px}
}

/* =========================================================
   SHOP SERBIA — STANDARD CONTENT PAGE SYSTEM
   Reusable for Logistics / About / Join / Expo / Contact.
========================================================= */

/* 01 — standard split hero */
.ss-standard-hero{
    min-height:640px;
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    border-bottom:1px solid var(--ss-border);
    background:#fff;
}
.ss-standard-hero-copy{
    padding:76px 7% 68px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.ss-standard-hero-copy h1{
    max-width:680px;
    margin:14px 0 14px;
    font-size:clamp(58px,5.8vw,92px);
    line-height:.88;
    letter-spacing:-.06em;
    font-weight:780;
}
.ss-standard-hero-copy h2{
    max-width:620px;
    margin:0 0 18px;
    font-size:clamp(22px,2vw,31px);
    line-height:1.14;
    letter-spacing:-.035em;
    font-weight:560;
}
.ss-standard-hero-copy p{
    max-width:590px;
    margin:0;
    color:#626262;
    font-size:15px;
    line-height:1.72;
}
.ss-standard-hero-media{
    position:relative;
    min-height:640px;
    background:#ededed center/cover no-repeat;
}
.ss-standard-hero-media:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.07) 100%);
}
.ss-standard-hero-note{
    position:absolute;
    z-index:3;
    left:28px;
    bottom:28px;
    width:min(390px,calc(100% - 56px));
    padding:17px 19px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(0,0,0,.07);
    box-shadow:0 14px 38px rgba(0,0,0,.08);
}
.ss-standard-hero-note span{
    display:block;
    margin-bottom:6px;
    color:#929292;
    font-size:9px;
    line-height:1;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.ss-standard-hero-note strong{
    display:block;
    font-size:14px;
    line-height:1.45;
    font-weight:700;
}


/* 02 — story */
.ss-standard-story{
    padding:82px var(--ss-pad);
    display:grid;
    grid-template-columns:.76fr 1.24fr;
    gap:70px;
    border-bottom:1px solid var(--ss-border);
    background:#fff;
}
.ss-standard-story-title h2{
    margin:15px 0 0;
    max-width:620px;
    font-size:clamp(39px,4vw,62px);
    line-height:.97;
    letter-spacing:-.05em;
    font-weight:720;
}
.ss-standard-story-copy{
    max-width:800px;
}
.ss-standard-story-copy .lead{
    margin:0 0 22px;
    font-size:clamp(23px,2.15vw,34px);
    line-height:1.33;
    letter-spacing:-.03em;
    font-weight:500;
}
.ss-standard-story-copy p:not(.lead){
    max-width:760px;
    margin:0;
    color:#616161;
    font-size:15px;
    line-height:1.76;
}


/* 03 — standard three blocks */
.ss-standard-three{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--ss-border);
    border-bottom:1px solid var(--ss-border);
}
.ss-standard-three-card{
    min-height:235px;
    padding:36px 30px;
}
.ss-standard-three-card.is-white{background:#fff;}
.ss-standard-three-card.is-gray{background:#f1f1f1;}
.ss-standard-three-card.is-yellow{background:var(--ss-yellow);}
.ss-standard-three-card>span{
    display:block;
    margin-bottom:28px;
    color:#979797;
    font-size:9px;
    font-weight:800;
    letter-spacing:.09em;
}
.ss-standard-three-card.is-yellow>span{color:rgba(0,0,0,.55);}
.ss-standard-three-card h3{
    margin:0 0 12px;
    font-size:29px;
    line-height:1.05;
    letter-spacing:-.04em;
    font-weight:720;
}
.ss-standard-three-card p{
    max-width:500px;
    margin:0;
    color:#666;
    font-size:13px;
    line-height:1.65;
}
.ss-standard-three-card.is-yellow p{color:#282828;}


/* 04 — standard detail section */
.ss-standard-detail{
    padding:78px var(--ss-pad);
    display:grid;
    grid-template-columns:.72fr 1.28fr;
    gap:62px;
    border-bottom:1px solid var(--ss-border);
    background:#fff;
}
.ss-standard-detail-intro{
    max-width:520px;
}
.ss-standard-detail-intro h2{
    margin:14px 0 17px;
    font-size:clamp(38px,3.8vw,58px);
    line-height:.98;
    letter-spacing:-.05em;
    font-weight:720;
}
.ss-standard-detail-intro p{
    margin:0;
    color:#666;
    font-size:14px;
    line-height:1.72;
}
.ss-standard-detail-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--ss-border);
}
.ss-standard-detail-grid article{
    min-height:210px;
    padding:27px 25px;
    display:grid;
    grid-template-columns:40px 1fr;
    gap:18px;
    background:#fff;
}
.ss-standard-detail-grid article.is-soft{
    background:#f1f1f1;
}
.ss-standard-detail-icon{
    width:34px;
    height:34px;
    color:#111;
}
.ss-standard-detail-icon svg{
    width:100%;
    height:100%;
}
.ss-standard-detail-grid article span{
    display:block;
    margin-bottom:9px;
    color:#999;
    font-size:8px;
    line-height:1;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.ss-standard-detail-grid h3{
    margin:0 0 9px;
    font-size:22px;
    line-height:1.08;
    letter-spacing:-.03em;
}
.ss-standard-detail-grid p{
    margin:0;
    color:#676767;
    font-size:12px;
    line-height:1.62;
}


/* 05 — standard CTA */
.ss-standard-cta{
    padding:62px var(--ss-pad);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:44px;
    background:var(--ss-red);
    color:#fff;
}
.ss-standard-cta-copy span{
    display:block;
    margin-bottom:11px;
    color:rgba(255,255,255,.72);
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.ss-standard-cta-copy h2{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(37px,3.7vw,58px);
    line-height:.96;
    letter-spacing:-.045em;
}
.ss-standard-cta-copy p{
    max-width:620px;
    margin:0;
    color:rgba(255,255,255,.92);
    font-size:13px;
    line-height:1.62;
}
.ss-standard-cta-actions{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:18px;
}
.ss-standard-cta-primary{
    min-height:50px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:var(--ss-red);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.ss-standard-cta-secondary{
    padding-bottom:3px;
    border-bottom:1px solid rgba(255,255,255,.8);
    color:#fff;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}


/* tablet */
@media(max-width:1024px){
    .ss-standard-hero{grid-template-columns:1fr;min-height:0;}
    .ss-standard-hero-copy{padding:56px 5vw 50px;}
    .ss-standard-hero-media{min-height:480px;}
    .ss-standard-story,
    .ss-standard-detail{grid-template-columns:1fr;gap:36px;}
    .ss-standard-detail-grid{grid-template-columns:1fr 1fr;}
}


/* mobile */
@media(max-width:767px){
    .ss-standard-hero-copy{padding:40px 18px 34px;}
    .ss-standard-hero-copy h1{font-size:43px;line-height:.94;margin-top:10px;}
    .ss-standard-hero-copy h2{font-size:21px;margin-bottom:13px;}
    .ss-standard-hero-copy p{font-size:13px;line-height:1.62;}
    .ss-standard-hero-media{min-height:60vw;max-height:320px;}
    .ss-standard-hero-note{
        left:14px;
        right:14px;
        bottom:14px;
        width:auto;
        padding:13px 14px;
    }
    .ss-standard-hero-note strong{font-size:11px;}

    .ss-standard-story{padding:48px 18px;gap:25px;}
    .ss-standard-story-title h2{font-size:36px;}
    .ss-standard-story-copy .lead{font-size:22px;}
    .ss-standard-story-copy p:not(.lead){font-size:13px;line-height:1.67;}

    .ss-standard-three{
        grid-template-columns:1fr;
    }
    .ss-standard-three-card{
        min-height:0;
        padding:27px 18px;
    }
    .ss-standard-three-card>span{
        margin-bottom:15px;
    }
    .ss-standard-three-card h3{
        font-size:25px;
    }

    .ss-standard-detail{
        padding:48px 14px;
        gap:25px;
    }
    .ss-standard-detail-intro{
        padding:0 4px;
    }
    .ss-standard-detail-intro h2{
        font-size:35px;
    }
    .ss-standard-detail-intro p{
        font-size:13px;
    }
    .ss-standard-detail-grid{
        grid-template-columns:1fr 1fr;
    }
    .ss-standard-detail-grid article{
        min-height:185px;
        padding:18px 14px;
        grid-template-columns:1fr;
        gap:10px;
    }
    .ss-standard-detail-icon{
        width:27px;
        height:27px;
    }
    .ss-standard-detail-grid h3{
        font-size:17px;
    }
    .ss-standard-detail-grid p{
        font-size:10.5px;
        line-height:1.5;
    }

    .ss-standard-cta{
        padding:44px 18px;
        flex-direction:column;
        align-items:flex-start;
        gap:22px;
    }
    .ss-standard-cta-copy h2{
        font-size:37px;
    }
    .ss-standard-cta-actions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
        gap:14px;
    }
    .ss-standard-cta-primary{
        width:100%;
    }
    .ss-standard-cta-secondary{
        width:max-content;
    }
}

/* NEW — visual break section between 01/02/03 and DHL options */
.ss-standard-visual-break{
    position:relative;
    min-height:420px;
    padding:36px var(--ss-pad);
    display:flex;
    align-items:flex-end;
    background:#ececec center/cover no-repeat;
    border-bottom:1px solid var(--ss-border);
}
.ss-standard-visual-break-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.08) 0%, rgba(0,0,0,.16) 100%);
}
.ss-standard-visual-break-inner{
    position:relative;
    z-index:2;
    width:100%;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
}
.ss-standard-visual-break-card{
    width:min(430px,100%);
    padding:18px 18px 17px;
    background:rgba(255,255,255,.95);
    border:1px solid rgba(0,0,0,.07);
    box-shadow:0 14px 38px rgba(0,0,0,.08);
}
.ss-standard-visual-break-card span{
    display:block;
    margin-bottom:7px;
    color:#959595;
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.ss-standard-visual-break-card strong{
    display:block;
    font-size:16px;
    line-height:1.45;
    font-weight:700;
    color:#111;
}
.ss-standard-visual-break-badges{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}
.ss-standard-visual-break-badges em,
.ss-standard-visual-break-badges i{
    font-style:normal;
}
.ss-standard-visual-break-badges em{
    min-height:42px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.ss-standard-visual-break-badges em:last-child{
    background:var(--ss-yellow);
}
.ss-standard-visual-break-badges i{
    color:#fff;
    font-size:14px;
    font-weight:900;
}

@media(max-width:767px){
    .ss-standard-visual-break{
        min-height:280px;
        padding:16px 18px;
        align-items:flex-end;
    }
    .ss-standard-visual-break-inner{
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-end;
        gap:14px;
    }
    .ss-standard-visual-break-card{
        width:100%;
        padding:14px;
    }
    .ss-standard-visual-break-card strong{
        font-size:13px;
        line-height:1.45;
    }
    .ss-standard-visual-break-badges{
        justify-content:flex-start;
        gap:7px;
    }
    .ss-standard-visual-break-badges em{
        min-height:34px;
        padding:0 10px;
        font-size:8px;
    }
}

/* =========================================================
   STANDARD PAGE ADDITIONS v1.1
   Join / Expo / Contact / Discover
========================================================= */

/* Contact */
.ss-contact-unified{
    padding:74px var(--ss-pad);
    display:grid;
    grid-template-columns:.72fr 1.28fr;
    gap:60px;
    background:#fff;
    border-bottom:1px solid var(--ss-border);
}
.ss-contact-unified-intro h2{
    margin:14px 0 16px;
    font-size:clamp(38px,3.8vw,58px);
    line-height:.98;
    letter-spacing:-.05em;
}
.ss-contact-unified-intro p{
    max-width:500px;
    margin:0;
    color:#666;
    font-size:14px;
    line-height:1.72;
}
.ss-contact-unified-form{
    padding:28px;
    background:#f1f1f1;
    border:1px solid var(--ss-border);
}
.ss-contact-unified-form input,
.ss-contact-unified-form textarea,
.ss-contact-unified-form select{
    width:100%;
    border:1px solid #d8d8d8;
    background:#fff;
    padding:12px 13px;
}
.ss-contact-unified-form textarea{min-height:150px;}
.ss-contact-unified-form input[type="submit"],
.ss-contact-unified-form button[type="submit"]{
    width:auto;
    min-height:46px;
    padding:0 20px;
    border:0;
    background:#050505;
    color:#fff;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}
.ss-contact-placeholder{
    padding:20px;
    background:#fff;
    border:1px dashed #cfcfcf;
    color:#777;
    font-size:13px;
    line-height:1.65;
}

/* Discover hero search */
.ss-discover-standard-media{
    display:flex;
    align-items:flex-end;
}
.ss-discover-hero-search{
    position:relative;
    z-index:3;
    width:min(520px,calc(100% - 56px));
    margin:0 28px 28px;
    padding:20px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(0,0,0,.07);
    box-shadow:0 14px 38px rgba(0,0,0,.08);
}
.ss-discover-hero-search>span{
    display:block;
    margin-bottom:7px;
    color:#999;
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.ss-discover-hero-search>strong{
    display:block;
    margin-bottom:14px;
    font-size:24px;
    line-height:1.05;
    letter-spacing:-.035em;
}
.ss-discover-hero-search>div{
    display:grid;
    grid-template-columns:1fr auto;
    border:1px solid #d8d8d8;
    background:#fff;
}
.ss-discover-hero-search input{
    min-width:0;
    height:48px;
    padding:0 13px;
    border:0;
    outline:0;
}
.ss-discover-hero-search button{
    min-width:112px;
    border:0;
    background:var(--ss-yellow);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}
.ss-discover-hero-search small{
    display:block;
    margin-top:10px;
    color:#888;
    font-size:9px;
    line-height:1.45;
}

/* Discover catalogue */
.ss-discover-catalog{
    padding:72px var(--ss-pad) 86px;
    background:#fff;
}
.ss-discover-catalog-head{
    margin-bottom:28px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
}
.ss-discover-catalog-head h2{
    margin:12px 0 0;
    font-size:clamp(40px,4vw,62px);
    line-height:.96;
    letter-spacing:-.05em;
}
.ss-discover-category-bar{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:1px;
    margin-bottom:34px;
    background:var(--ss-border);
    border:1px solid var(--ss-border);
}
.ss-discover-category-bar a{
    min-height:86px;
    padding:13px 12px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    background:#fff;
}
.ss-discover-category-bar a.active{
    background:var(--ss-yellow);
}
.ss-discover-category-bar svg{
    width:24px;
    height:24px;
}
.ss-discover-category-bar span{
    font-size:9px;
    font-weight:800;
    line-height:1.2;
    text-transform:uppercase;
}
.ss-discover-catalog-layout{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:34px;
}
.ss-discover-sidebar-clean{
    position:static;
    border:1px solid var(--ss-border);
    padding:20px;
    background:#f1f1f1;
}
.ss-discover-sidebar-clean .ss-filter-group{
    margin-bottom:20px;
}
.ss-discover-sidebar-clean .ss-filter-group h3{
    margin:0 0 9px;
    font-size:11px;
    text-transform:uppercase;
}
.ss-discover-sidebar-clean .ss-filter-submit{
    width:100%;
}

/* responsive */
@media(max-width:1024px){
    .ss-contact-unified{grid-template-columns:1fr;gap:30px;}
    .ss-discover-catalog-layout{grid-template-columns:1fr;}
    .ss-discover-sidebar-clean{display:block;}
    .ss-discover-category-bar{grid-template-columns:repeat(5,1fr);}
}
@media(max-width:767px){
    .ss-contact-unified{padding:48px 18px;}
    .ss-contact-unified-intro h2{font-size:35px;}
    .ss-contact-unified-form{padding:18px;}

    .ss-discover-hero-search{
        width:calc(100% - 28px);
        margin:0 14px 14px;
        padding:14px;
    }
    .ss-discover-hero-search>strong{font-size:20px;}
    .ss-discover-hero-search>div{grid-template-columns:1fr;}
    .ss-discover-hero-search button{height:42px;}

    .ss-discover-catalog{padding:48px 14px 70px;}
    .ss-discover-catalog-head{align-items:flex-start;flex-direction:column;gap:18px;}
    .ss-discover-catalog-head h2{font-size:36px;}
    .ss-discover-category-bar{
        grid-template-rows:repeat(2,78px);
        grid-auto-flow:column;
        grid-auto-columns:106px;
        grid-template-columns:none;
        overflow-x:auto;
        scrollbar-width:none;
    }
    .ss-discover-category-bar::-webkit-scrollbar{display:none;}
    .ss-discover-category-bar a{min-height:78px;height:78px;padding:10px 9px;}
    .ss-discover-category-bar span{font-size:8px;}
    .ss-discover-sidebar-clean{padding:16px;}
}


/* =========================================================
   v1.4 FINAL 12-CATEGORY SYSTEM
   12 categories total:
   desktop = 6 x 2
   mobile  = 3 x 4
   Icons + labels increased by ~20%.
========================================================= */

/* DESKTOP — all standard category lists */
.ss-category-section .ss-categories,
.ss-profile-categories .ss-categories,
.ss-categories-compact{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,102px) !important;
}

.ss-category-section .ss-categories a,
.ss-profile-categories .ss-categories a,
.ss-categories-compact a{
    min-height:102px !important;
    height:102px !important;
    padding:14px 14px 12px !important;
}

.ss-category-section .ss-cat-icon,
.ss-profile-categories .ss-cat-icon,
.ss-categories-compact .ss-cat-icon,
.ss-category-section .ss-categories svg,
.ss-profile-categories .ss-categories svg,
.ss-categories-compact svg{
    width:28px !important;
    height:28px !important;
}

.ss-category-section .ss-categories strong,
.ss-profile-categories .ss-categories strong,
.ss-categories-compact strong{
    font-size:10px !important;
    line-height:1.18 !important;
}

/* OTKRIJ — 12 categories + "Sve": Sve on left, 6 x 2 next to it */
.ss-find-category-grid{
    grid-template-columns:150px repeat(6,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,98px) !important;
}

.ss-find-category-grid > a{
    min-height:98px !important;
    height:98px !important;
    padding:14px 13px 12px !important;
}

.ss-find-category-grid > a:first-child{
    height:197px !important;
    min-height:197px !important;
}

.ss-find-category-mark,
.ss-find-category-mark svg{
    width:28px !important;
    height:28px !important;
}

.ss-find-category-grid strong{
    font-size:10px !important;
    line-height:1.16 !important;
}

/* legacy bar if used on any page */
.ss-discover-category-bar{
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,98px) !important;
}

.ss-discover-category-bar a{
    min-height:98px !important;
    height:98px !important;
}

.ss-discover-category-bar svg{
    width:28px !important;
    height:28px !important;
}


/* MOBILE — exact 3 x 4 grid, no horizontal swipe */
@media(max-width:767px){

    .ss-category-section .ss-categories,
    .ss-profile-categories .ss-categories,
    .ss-categories-compact{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        grid-template-rows:repeat(4,82px) !important;
        grid-auto-flow:row !important;
        grid-auto-columns:auto !important;
        overflow:visible !important;
        gap:1px !important;
    }

    .ss-category-section .ss-categories a,
    .ss-profile-categories .ss-categories a,
    .ss-categories-compact a{
        min-height:82px !important;
        height:82px !important;
        padding:9px 9px 8px !important;
    }

    .ss-category-section .ss-cat-icon,
    .ss-profile-categories .ss-cat-icon,
    .ss-categories-compact .ss-cat-icon,
    .ss-category-section .ss-categories svg,
    .ss-profile-categories .ss-categories svg,
    .ss-categories-compact svg{
        width:22px !important;
        height:22px !important;
    }

    .ss-category-section .ss-categories strong,
    .ss-profile-categories .ss-categories strong,
    .ss-categories-compact strong{
        font-size:8.2px !important;
        line-height:1.12 !important;
    }

    /* Otkrij mobile: hide "Sve"; 12 real categories = perfect 3 x 4 */
    .ss-find-category-grid{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        grid-template-rows:repeat(4,82px) !important;
        grid-auto-flow:row !important;
        grid-auto-columns:auto !important;
        overflow:visible !important;
        gap:1px !important;
    }

    .ss-find-category-grid > a:first-child{
        display:none !important;
    }

    .ss-find-category-grid > a:nth-child(n+2){
        min-height:82px !important;
        height:82px !important;
        padding:9px 9px 8px !important;
    }

    .ss-find-category-mark,
    .ss-find-category-mark svg{
        width:22px !important;
        height:22px !important;
    }

    .ss-find-category-grid strong{
        font-size:8.2px !important;
        line-height:1.12 !important;
    }

    .ss-discover-category-bar{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        grid-template-rows:repeat(4,82px) !important;
        grid-auto-flow:row !important;
        grid-auto-columns:auto !important;
        overflow:visible !important;
    }

    .ss-discover-category-bar a{
        min-height:82px !important;
        height:82px !important;
        padding:9px !important;
    }

    .ss-discover-category-bar svg{
        width:22px !important;
        height:22px !important;
    }
}
/* =========================================================
   SHOP SERBIA — CONTACT FORM + DIRECT EMAIL
========================================================= */

.ss-contact-unified{
    padding:74px var(--ss-pad);
    display:grid;
    grid-template-columns:.72fr 1.28fr;
    gap:56px;
    background:#fff;
    border-bottom:1px solid var(--ss-border);
}

.ss-contact-unified-intro{
    max-width:520px;
}

.ss-contact-unified-intro h2{
    margin:14px 0 16px;
    font-size:clamp(38px,3.8vw,58px);
    line-height:.98;
    letter-spacing:-.05em;
    font-weight:720;
}

.ss-contact-unified-intro p{
    margin:0;
    color:#666;
    font-size:14px;
    line-height:1.72;
}


/* DIRECT EMAIL BLOCK */
.ss-contact-direct{
    margin-top:30px;
    padding-top:22px;
    border-top:1px solid var(--ss-border);
}

.ss-contact-direct span{
    display:block;
    margin-bottom:8px;
    color:#999;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.ss-contact-direct a{
    display:inline-block;
    color:#111;
    font-size:22px;
    line-height:1.2;
    font-weight:650;
    letter-spacing:-.025em;
    border-bottom:1px solid #111;
    padding-bottom:3px;
}

.ss-contact-direct a:hover{
    color:var(--ss-red);
    border-color:var(--ss-red);
}


/* FORM WRAPPER */
.ss-contact-unified-form{
    padding:32px;
    background:#f1f1f1;
    border:1px solid var(--ss-border);
}


/* CF7 BASIC RESET */
.ss-contact-unified-form .wpcf7{
    margin:0;
    padding:0;
}

.ss-contact-unified-form .wpcf7 form{
    margin:0;
}

.ss-contact-unified-form .wpcf7 p{
    margin:0 0 18px;
}


/* LABELS */
.ss-contact-unified-form label{
    display:block;
    margin-bottom:8px;
    color:#666;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}


/* INPUTS */
.ss-contact-unified-form input[type="text"],
.ss-contact-unified-form input[type="email"],
.ss-contact-unified-form input[type="tel"],
.ss-contact-unified-form input[type="url"],
.ss-contact-unified-form input[type="number"],
.ss-contact-unified-form select,
.ss-contact-unified-form textarea{
    width:100%;
    border:1px solid #d6d6d6;
    background:#fff;
    color:#111;
    border-radius:0;
    box-shadow:none;
    outline:0;
    font-family:inherit;
    font-size:14px;
    transition:border-color .2s ease, background .2s ease;
}

.ss-contact-unified-form input[type="text"],
.ss-contact-unified-form input[type="email"],
.ss-contact-unified-form input[type="tel"],
.ss-contact-unified-form input[type="url"],
.ss-contact-unified-form input[type="number"],
.ss-contact-unified-form select{
    height:50px;
    padding:0 14px;
}

.ss-contact-unified-form textarea{
    min-height:160px;
    padding:14px;
    resize:vertical;
}

.ss-contact-unified-form input:focus,
.ss-contact-unified-form select:focus,
.ss-contact-unified-form textarea:focus{
    border-color:#111;
    background:#fff;
}


/* PLACEHOLDERS */
.ss-contact-unified-form input::placeholder,
.ss-contact-unified-form textarea::placeholder{
    color:#aaa;
    opacity:1;
}


/* SUBMIT */
.ss-contact-unified-form input[type="submit"],
.ss-contact-unified-form button[type="submit"]{
    min-height:48px;
    padding:0 24px;
    border:0;
    border-radius:0;
    background:#111;
    color:#fff;
    font-family:inherit;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
    cursor:pointer;
    transition:background .2s ease, color .2s ease;
}

.ss-contact-unified-form input[type="submit"]:hover,
.ss-contact-unified-form button[type="submit"]:hover{
    background:var(--ss-yellow);
    color:#111;
}


/* CF7 RESPONSE / VALIDATION */
.ss-contact-unified-form .wpcf7-response-output{
    margin:18px 0 0 !important;
    padding:14px 16px !important;
    border:1px solid #d7d7d7 !important;
    background:#fff;
    color:#111;
    font-size:12px;
    line-height:1.55;
}

.ss-contact-unified-form .wpcf7-not-valid-tip{
    margin-top:6px;
    color:var(--ss-red);
    font-size:10px;
    font-weight:700;
}

.ss-contact-unified-form .wpcf7 form.invalid .wpcf7-response-output,
.ss-contact-unified-form .wpcf7 form.unaccepted .wpcf7-response-output{
    border-color:var(--ss-red) !important;
}

.ss-contact-unified-form .wpcf7 form.sent .wpcf7-response-output{
    border-color:#111 !important;
}


/* SPINNER */
.ss-contact-unified-form .wpcf7-spinner{
    margin-left:12px;
}


/* OPTIONAL 2-COLUMN FIELDS IF YOU USE WRAPPER CLASSES */
.ss-contact-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.ss-contact-form-full{
    grid-column:1 / -1;
}


/* MOBILE */
@media(max-width:1024px){

    .ss-contact-unified{
        grid-template-columns:1fr;
        gap:30px;
    }

    .ss-contact-unified-intro{
        max-width:none;
    }

}

@media(max-width:767px){

    .ss-contact-unified{
        padding:48px 18px;
        gap:24px;
    }

    .ss-contact-unified-intro h2{
        font-size:35px;
    }

    .ss-contact-unified-intro p{
        font-size:13px;
        line-height:1.65;
    }

    .ss-contact-direct{
        margin-top:24px;
        padding-top:18px;
    }

    .ss-contact-direct a{
        font-size:18px;
    }

    .ss-contact-unified-form{
        padding:18px;
    }

    .ss-contact-form-grid{
        grid-template-columns:1fr;
        gap:0;
    }

    .ss-contact-form-full{
        grid-column:auto;
    }

    .ss-contact-unified-form input[type="text"],
    .ss-contact-unified-form input[type="email"],
    .ss-contact-unified-form input[type="tel"],
    .ss-contact-unified-form input[type="url"],
    .ss-contact-unified-form input[type="number"],
    .ss-contact-unified-form select{
        height:47px;
    }

    .ss-contact-unified-form textarea{
        min-height:145px;
    }

    .ss-contact-unified-form input[type="submit"],
    .ss-contact-unified-form button[type="submit"]{
        width:100%;
    }

}
/* =========================================================
   SHOP SERBIA — SINGLE MERCHANT POLISH
   Append to the end of the main theme stylesheet.
   ========================================================= */

.ss-brand-gallery{
    padding:72px 4%;
    border-top:1px solid rgba(0,0,0,.08);
    background:#fff;
    overflow:hidden;
}

.ss-brand-gallery-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:30px;
}

.ss-brand-gallery-head h2{
    margin:8px 0 0;
    max-width:680px;
}

.ss-brand-gallery-actions{
    display:flex;
    gap:8px;
    flex:0 0 auto;
}

.ss-gallery-arrow{
    width:46px;
    height:46px;
    border:1px solid rgba(0,0,0,.18);
    background:#fff;
    color:#111;
    border-radius:0;
    display:grid;
    place-items:center;
    cursor:pointer;
    font-size:17px;
    transition:.2s ease;
}

.ss-gallery-arrow:hover{
    background:#111;
    color:#fff;
    border-color:#111;
}

.ss-brand-gallery-track{
    display:flex;
    gap:16px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding-bottom:2px;
}

.ss-brand-gallery-track::-webkit-scrollbar{
    display:none;
}

.ss-brand-gallery-item{
    flex:0 0 clamp(310px, 40vw, 620px);
    height:clamp(280px, 36vw, 520px);
    display:block;
    background:#f3f3f3;
    overflow:hidden;
    scroll-snap-align:start;
}

.ss-brand-gallery-item img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}

.ss-brand-gallery-item:hover img{
    transform:scale(1.015);
}


/* Similar merchants */
.ss-similar-merchants{
    padding:78px 4%;
    background:#f6f6f4;
    border-top:1px solid rgba(0,0,0,.07);
}

.ss-similar-merchant-grid{
    margin-top:34px;
}


/* Merchant products should not become huge editorial tiles here. */
.ss-merchant-own-products{
    padding-top:72px;
    padding-bottom:78px;
}

.ss-merchant-own-products .ss-product-grid,
.ss-compact-product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.ss-merchant-own-products .ss-product-card,
.ss-compact-product-grid .ss-product-card{
    min-width:0;
}

.ss-merchant-own-products .ss-product-card img,
.ss-compact-product-grid .ss-product-card img{
    aspect-ratio:1 / 1;
    object-fit:cover;
}


/* Collections: keep them premium, but product cards inside compact. */
.ss-merchant-collections{
    border-top:1px solid rgba(0,0,0,.07);
}

.ss-merchant-collection .ss-collection-products{
    align-items:start;
}


/* Archive + Discover share the same merchant-card grid language. */
.ss-brand-archive .ss-merchant-grid,
.ss-find-results .ss-merchant-grid,
.ss-similar-merchants .ss-merchant-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}


/* Mobile */
@media (max-width: 980px){
    .ss-brand-gallery{
        padding:54px 24px;
    }

    .ss-similar-merchants{
        padding:58px 24px;
    }

    .ss-brand-archive .ss-merchant-grid,
    .ss-find-results .ss-merchant-grid,
    .ss-similar-merchants .ss-merchant-grid,
    .ss-merchant-own-products .ss-product-grid,
    .ss-compact-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 640px){
    .ss-brand-gallery{
        padding:44px 18px;
    }

    .ss-brand-gallery-head{
        align-items:flex-end;
        gap:16px;
        margin-bottom:20px;
    }

    .ss-brand-gallery-head h2{
        font-size:clamp(34px,11vw,48px);
        line-height:.92;
    }

    .ss-brand-gallery-actions{
        gap:6px;
    }

    .ss-gallery-arrow{
        width:40px;
        height:40px;
    }

    .ss-brand-gallery-track{
        gap:10px;
        margin-right:-18px;
        padding-right:18px;
    }

    .ss-brand-gallery-item{
        flex-basis:84vw;
        height:62vw;
        min-height:260px;
        max-height:390px;
    }

    .ss-similar-merchants{
        padding:48px 18px;
    }

    .ss-brand-archive .ss-merchant-grid,
    .ss-find-results .ss-merchant-grid,
    .ss-similar-merchants .ss-merchant-grid,
    .ss-merchant-own-products .ss-product-grid,
    .ss-compact-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
}
/* =========================================================
   SHOP SERBIA — BRAND ARCHIVE + DISCOVER POLISH v2
   Append at END of the main theme stylesheet.
   ========================================================= */


/* ---------- Brand archive ---------- */

.ss-brand-browser{
    padding:72px 3.6% 88px;
    background:#fff;
    border-top:1px solid rgba(0,0,0,.07);
}

.ss-brand-browser-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:34px;
}

.ss-brand-browser-head h2{
    margin:7px 0 0;
    font-size:clamp(34px,4vw,60px);
    line-height:.96;
    letter-spacing:-.055em;
}

.ss-brand-count{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#777;
    padding-bottom:7px;
}

.ss-brand-browser-layout{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:28px;
    align-items:start;
}

.ss-brand-sidebar{
    position:sticky;
    top:110px;
    border:1px solid rgba(0,0,0,.12);
    background:#fff;
}

.ss-brand-sidebar form{
    padding:0;
}

.ss-brand-filter-top{
    min-height:54px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(0,0,0,.1);
}

.ss-brand-filter-top span{
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
}

.ss-brand-filter-top a{
    font-size:9px;
    color:#999;
    text-transform:uppercase;
    text-decoration:none;
}

.ss-brand-filter-block{
    padding:16px;
    border-bottom:1px solid rgba(0,0,0,.1);
}

.ss-brand-filter-block > label,
.ss-brand-filter-label{
    display:block;
    margin-bottom:10px;
    font-size:9px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#777;
}

.ss-brand-search{
    display:grid;
    grid-template-columns:1fr 42px;
    border:1px solid rgba(0,0,0,.16);
}

.ss-brand-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:#fff;
    min-height:42px;
    padding:0 11px;
    font:inherit;
    font-size:13px;
}

.ss-brand-search button{
    border:0;
    border-left:1px solid rgba(0,0,0,.16);
    background:#fff;
    cursor:pointer;
    font-size:15px;
}

.ss-brand-search button:hover{
    background:#111;
    color:#fff;
}

.ss-brand-category-list{
    display:flex;
    flex-direction:column;
    gap:0;
}

.ss-brand-category-list label{
    margin:0;
    cursor:pointer;
}

.ss-brand-category-list input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.ss-brand-category-list label > span{
    min-height:39px;
    display:flex;
    align-items:center;
    gap:9px;
    border-top:1px solid rgba(0,0,0,.07);
    font-size:10px;
    transition:.18s ease;
}

.ss-brand-category-list label:first-child > span{
    border-top:0;
}

.ss-brand-category-list label svg{
    width:15px;
    height:15px;
    flex:0 0 auto;
}

.ss-brand-category-list label.active > span,
.ss-brand-category-list label:hover > span{
    padding-left:8px;
    background:#f5f5f3;
}

.ss-brand-category-list label.active > span{
    font-weight:800;
}

.ss-brand-filter-block select{
    width:100%;
    height:42px;
    border:1px solid rgba(0,0,0,.16);
    background:#fff;
    padding:0 10px;
    border-radius:0;
}

.ss-brand-filter-submit{
    width:calc(100% - 32px);
    min-height:44px;
    margin:16px;
    border:0;
    background:#111;
    color:#fff;
    font-size:9px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    cursor:pointer;
}


/* ---------- Merchant cards: cleaner editorial rhythm ---------- */

.ss-brand-merchant-grid,
.ss-discover-brand-grid,
.ss-similar-merchant-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.ss-brand-merchant-grid > *,
.ss-discover-brand-grid > *,
.ss-similar-merchant-grid > *{
    min-width:0;
}

.ss-brand-merchant-grid .ss-merchant-card,
.ss-discover-brand-grid .ss-merchant-card,
.ss-similar-merchant-grid .ss-merchant-card{
    height:auto;
    border:1px solid rgba(0,0,0,.11);
    background:#fff;
}

/* Make the visual rhythm less boxy but still controlled. */
.ss-brand-merchant-grid .ss-merchant-card:nth-child(6n+1) .ss-merchant-card-image,
.ss-discover-brand-grid .ss-merchant-card:nth-child(6n+1) .ss-merchant-card-image{
    aspect-ratio:1.16 / 1;
}

.ss-brand-merchant-grid .ss-merchant-card:nth-child(6n+2) .ss-merchant-card-image,
.ss-brand-merchant-grid .ss-merchant-card:nth-child(6n+5) .ss-merchant-card-image,
.ss-discover-brand-grid .ss-merchant-card:nth-child(6n+2) .ss-merchant-card-image,
.ss-discover-brand-grid .ss-merchant-card:nth-child(6n+5) .ss-merchant-card-image{
    aspect-ratio:1.42 / 1;
}

.ss-brand-merchant-grid .ss-merchant-card:nth-child(6n+3) .ss-merchant-card-image,
.ss-brand-merchant-grid .ss-merchant-card:nth-child(6n+4) .ss-merchant-card-image,
.ss-discover-brand-grid .ss-merchant-card:nth-child(6n+3) .ss-merchant-card-image,
.ss-discover-brand-grid .ss-merchant-card:nth-child(6n+4) .ss-merchant-card-image{
    aspect-ratio:1.28 / 1;
}

.ss-brand-merchant-grid .ss-merchant-card-image,
.ss-discover-brand-grid .ss-merchant-card-image,
.ss-similar-merchant-grid .ss-merchant-card-image{
    overflow:hidden;
    background:#f1f1ef;
}

.ss-brand-merchant-grid .ss-merchant-card-image img,
.ss-discover-brand-grid .ss-merchant-card-image img,
.ss-similar-merchant-grid .ss-merchant-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}

.ss-brand-merchant-grid .ss-merchant-card:hover .ss-merchant-card-image img,
.ss-discover-brand-grid .ss-merchant-card:hover .ss-merchant-card-image img,
.ss-similar-merchant-grid .ss-merchant-card:hover .ss-merchant-card-image img{
    transform:scale(1.015);
}


/* Fallback selectors if merchant-card uses generic image wrapper names. */
.ss-brand-merchant-grid article > a:first-child img,
.ss-discover-brand-grid article > a:first-child img{
    width:100%;
    object-fit:cover;
}


/* ---------- Pagination ---------- */

.ss-pagination-modern{
    margin-top:46px;
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
}

.ss-pagination-modern .page-numbers{
    min-width:38px;
    height:38px;
    padding:0 11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(0,0,0,.15);
    background:#fff;
    color:#111;
    text-decoration:none;
    font-size:12px;
    line-height:1;
}

.ss-pagination-modern .page-numbers.current{
    background:#111;
    border-color:#111;
    color:#fff;
}

.ss-pagination-modern a.page-numbers:hover{
    background:#f2f2f0;
}

.ss-pagination-modern .dots{
    border-color:transparent;
    background:transparent;
}


/* ---------- Discover: catalogue first, categories later ---------- */

.ss-find-page .ss-find-discovery{
    border-bottom:1px solid rgba(0,0,0,.08);
}

.ss-find-browser{
    padding-bottom:82px;
}

.ss-find-categories-bottom{
    margin-top:0;
    padding:64px 3.6% 0;
    border-top:1px solid rgba(0,0,0,.08);
    background:#fff;
}

.ss-find-categories-bottom .ss-find-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:24px;
}

.ss-find-categories-bottom .ss-find-section-head > div{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.ss-find-categories-bottom .ss-find-section-head > p{
    max-width:420px;
    margin:0;
    color:#777;
    font-size:12px;
    line-height:1.55;
    text-align:right;
}

.ss-find-categories-bottom .ss-find-category-grid{
    border-top:1px solid rgba(0,0,0,.12);
}

.ss-find-categories-bottom .ss-find-category-grid a{
    min-height:92px;
}


/* ---------- Product catalogue: slightly tighter ---------- */

.ss-find-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.ss-find-product-grid .ss-product-card{
    min-width:0;
}

.ss-find-product-grid .ss-product-card img{
    object-fit:cover;
}


/* ---------- Responsive ---------- */

@media (max-width: 1180px){
    .ss-brand-browser-layout{
        grid-template-columns:230px minmax(0,1fr);
        gap:20px;
    }

    .ss-brand-merchant-grid,
    .ss-discover-brand-grid,
    .ss-similar-merchant-grid,
    .ss-find-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 820px){
    .ss-brand-browser{
        padding:52px 20px 70px;
    }

    .ss-brand-browser-layout{
        display:block;
    }

    .ss-brand-sidebar{
        position:relative;
        top:auto;
        margin-bottom:24px;
    }

    .ss-brand-category-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0 14px;
    }

    .ss-find-categories-bottom{
        padding:50px 20px 0;
    }

    .ss-find-categories-bottom .ss-find-section-head{
        display:block;
    }

    .ss-find-categories-bottom .ss-find-section-head > p{
        text-align:left;
        margin-top:10px;
    }
}

@media (max-width: 560px){
    .ss-brand-browser-head{
        display:block;
    }

    .ss-brand-count{
        display:block;
        margin-top:14px;
    }

    .ss-brand-category-list{
        grid-template-columns:1fr;
    }

    .ss-brand-merchant-grid,
    .ss-discover-brand-grid,
    .ss-similar-merchant-grid,
    .ss-find-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .ss-pagination-modern{
        margin-top:30px;
    }

    .ss-pagination-modern .page-numbers{
        min-width:34px;
        height:34px;
        padding:0 9px;
    }

    .ss-find-categories-bottom{
        padding-left:16px;
        padding-right:16px;
    }
}
/* Brand cards — equal image boxes */
.ss-brand-merchant-grid .ss-merchant-card-image,
.ss-discover-brand-grid .ss-merchant-card-image,
.ss-similar-merchant-grid .ss-merchant-card-image{
    aspect-ratio: 1.38 / 1 !important;
    height: auto !important;
    overflow: hidden;
    background: #f2f2f0;
}

.ss-brand-merchant-grid .ss-merchant-card-image img,
.ss-discover-brand-grid .ss-merchant-card-image img,
.ss-similar-merchant-grid .ss-merchant-card-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Override previous irregular card ratios */
.ss-brand-merchant-grid .ss-merchant-card:nth-child(n) .ss-merchant-card-image,
.ss-discover-brand-grid .ss-merchant-card:nth-child(n) .ss-merchant-card-image{
    aspect-ratio: 1.38 / 1 !important;
}
/* =========================================================
   SHOP SERBIA — HOMEPAGE BRAND UNIFICATION
   Append at END of the main stylesheet.
   ========================================================= */

/* Homepage brand cards now use the same merchant-card component
   as archive / discover / single related brands. */

.ss-home-brand-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:32px;
}

.ss-home-brand-grid > *{
    min-width:0;
}

/* Force a single, clean image ratio across homepage brand cards. */
.ss-home-brand-grid .ss-merchant-card-image{
    aspect-ratio:1.38 / 1 !important;
    height:auto !important;
    overflow:hidden;
    background:#f2f2f0;
}

.ss-home-brand-grid .ss-merchant-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* Keep card bodies balanced even when descriptions differ. */
.ss-home-brand-grid .ss-merchant-card{
    height:100%;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid rgba(0,0,0,.11);
}

.ss-home-brand-grid .ss-merchant-card-copy,
.ss-home-brand-grid .ss-merchant-card-content{
    flex:1;
}

/* Slightly tighter homepage brand section. */
.ss-brand-section .ss-section-action{
    margin-top:28px;
}

/* Hero image always fills cleanly. */
.ss-hero-slide{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* Cleaner hero category label. */
.ss-feature-overlay > span{
    max-width:80%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

@media (max-width:980px){
    .ss-home-brand-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:640px){
    .ss-home-brand-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        margin-top:20px;
    }

    .ss-home-brand-grid .ss-merchant-card-image{
        aspect-ratio:1.18 / 1 !important;
    }
}
/* =========================================================
   SHOP SERBIA — CATEGORY TAXONOMY
   Append to end of main.css
========================================================= */

.ss-category-hero{
    padding-bottom:72px;
}

.ss-category-hero-title-row{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);
    gap:50px;
    align-items:end;
    margin-top:18px;
}

.ss-category-hero-title-row > div:first-child{
    display:flex;
    align-items:flex-end;
    gap:22px;
}

.ss-category-hero-title-row h1{
    margin:0;
}

.ss-category-hero-title-row > p{
    margin:0 0 8px;
    max-width:520px;
    color:#6f6f6f;
    line-height:1.65;
}

.ss-category-hero-icon{
    width:64px;
    height:64px;
    display:grid;
    place-items:center;
    border:1px solid rgba(0,0,0,.13);
    background:#fff;
    flex:0 0 auto;
}

.ss-category-hero-icon svg{
    width:27px;
    height:27px;
}


/* Sidebar categories use links on taxonomy pages. */
.ss-category-browser .ss-brand-category-list a{
    display:block;
    color:inherit;
    text-decoration:none;
}

.ss-category-browser .ss-brand-category-list a > span{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:9px;
    border-top:1px solid rgba(0,0,0,.07);
    transition:.18s ease;
}

.ss-category-browser .ss-brand-category-list a:first-child > span{
    border-top:0;
}

.ss-category-browser .ss-brand-category-list a svg{
    width:15px;
    height:15px;
    flex:0 0 auto;
}

.ss-category-browser .ss-brand-category-list a:hover > span,
.ss-category-browser .ss-brand-category-list a.active > span{
    padding-left:8px;
    background:#f5f5f3;
}

.ss-category-browser .ss-brand-category-list a.active > span{
    font-weight:800;
}


/* Products remain compact and consistent with Discover. */
.ss-category-products{
    padding-top:76px;
    padding-bottom:82px;
    border-top:1px solid rgba(0,0,0,.08);
}

.ss-category-product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.ss-category-product-grid .ss-product-card{
    min-width:0;
}

.ss-category-product-grid .ss-product-card img{
    width:100%;
    aspect-ratio:1 / 1;
    object-fit:cover;
}


/* All categories strip at bottom. */
.ss-category-all{
    border-top:1px solid rgba(0,0,0,.08);
    background:#fff;
}

.ss-category-all .ss-categories a.active{
    background:#ffcc00;
}

.ss-category-all .ss-categories a.active svg{
    color:#111;
}


/* Merchant cards identical to brand archive. */
.ss-category-merchant-grid .ss-merchant-card-image{
    aspect-ratio:1.38 / 1 !important;
    height:auto !important;
    overflow:hidden;
}

.ss-category-merchant-grid .ss-merchant-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}


/* Responsive */
@media(max-width:1180px){
    .ss-category-product-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:820px){
    .ss-category-hero-title-row{
        grid-template-columns:1fr;
        gap:24px;
    }

    .ss-category-hero-title-row > p{
        max-width:none;
    }

    .ss-category-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:560px){
    .ss-category-hero{
        padding-bottom:46px;
    }

    .ss-category-hero-title-row > div:first-child{
        gap:13px;
        align-items:center;
    }

    .ss-category-hero-icon{
        width:48px;
        height:48px;
    }

    .ss-category-hero-icon svg{
        width:22px;
        height:22px;
    }

    .ss-category-product-grid{
        gap:8px;
    }
}
/* =========================================================
   SHOP SERBIA — 12 CATEGORY GRID + CARD CLEANUP
   Add at end of main.css
========================================================= */

/* Exactly 12 categories: 6 + 6 on desktop. */
.ss-categories{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
}

.ss-categories > a{
    min-width:0;
}

/* Single merchant: similar brands come before the full category strip. */
.ss-similar-merchants + .ss-profile-categories{
    border-top:1px solid rgba(0,0,0,.08);
}

/* Product cards no longer have the old DHL/meta strip. */
.ss-product-card .ss-product-info{
    border-bottom:1px solid rgba(0,0,0,.10);
}

.ss-product-card .ss-product-cta{
    margin-top:auto;
}

/* Remove any residual spacing from older meta-strip CSS. */
.ss-product-card .ss-product-meta{
    display:none !important;
}

@media(max-width:980px){
    .ss-categories{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media(max-width:640px){
    /* 12 items = four clean rows of three on mobile. */
    .ss-categories{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
/* =========================================================
   SHOP SERBIA — SINGLE MERCHANT FINAL v1
   Append at END of assets/css/main.css
========================================================= */

.ss-merchant-page{
    font-family:Inter,Arial,sans-serif;
}

/* ---------- Hero ---------- */

.ss-merchant-hero-v2 .ss-merchant-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ss-merchant-hero-v2 .ss-merchant-tagline{
    max-width:720px;
    margin:12px 0 18px;
    font-size:clamp(24px,2.15vw,38px);
    line-height:1.08;
    letter-spacing:-.04em;
    font-weight:500;
}

.ss-merchant-hero-v2 .ss-merchant-description{
    max-width:700px;
    margin:0 0 26px;
    font-size:14px;
    line-height:1.65;
    color:#5f5f5f;
}

.ss-merchant-hero-v2 .ss-merchant-visual{
    overflow:hidden;
}

.ss-merchant-hero-v2 .ss-merchant-visual img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

/* ---------- Brand story ---------- */

.ss-brand-story-v2{
    display:grid;
    grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);
    gap:8vw;
    align-items:start;
}

.ss-brand-story-v2 .ss-story-title h2{
    margin:12px 0 0;
    font-size:clamp(42px,5vw,76px);
    line-height:.95;
    letter-spacing:-.06em;
}

.ss-brand-story-v2 .ss-story-copy{
    max-width:820px;
}

.ss-brand-story-v2 .ss-story-copy p{
    margin:0;
    font-family:Inter,Arial,sans-serif;
    font-size:17px;
    line-height:1.75;
    font-weight:400;
    color:#333;
}

/* ---------- Shared public section spacing ---------- */

.ss-merchant-products,
.ss-merchant-collections,
.ss-merchant-offers,
.ss-similar-merchants,
.ss-brand-gallery{
    padding-left:4%;
    padding-right:4%;
}

.ss-merchant-products,
.ss-merchant-collections,
.ss-merchant-offers,
.ss-similar-merchants{
    padding-top:78px;
    padding-bottom:82px;
    border-top:1px solid rgba(0,0,0,.08);
}

/* ---------- Featured products ---------- */

.ss-merchant-featured-products{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    align-items:stretch;
}

.ss-merchant-featured-products .ss-product-card{
    min-width:0;
    height:100%;
}

.ss-merchant-featured-products .ss-product-card{
    grid-column:span 1;
    grid-row:span 1;
}

.ss-merchant-featured-products .ss-product-card .ss-product-image{
    aspect-ratio:1/1;
}

.ss-merchant-featured-products.has-primary-featured .ss-product-card.is-featured:first-of-type{
    grid-column:span 2;
    grid-row:span 2;
}

.ss-merchant-featured-products.has-primary-featured .ss-product-card.is-featured:first-of-type .ss-product-image{
    aspect-ratio:1.2/1;
}

.ss-product-card{
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid rgba(0,0,0,.11);
}

.ss-product-image{
    position:relative;
    display:block;
    overflow:hidden;
    background:#f2f2ef;
}

.ss-product-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.ss-product-info{
    flex:1;
    padding:14px 14px 15px;
    border-bottom:1px solid rgba(0,0,0,.09);
}

.ss-product-info>span{
    display:block;
    margin-bottom:7px;
    font-size:8px;
    font-weight:800;
    color:#8b8b8b;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.ss-product-info h3{
    margin:0 0 8px;
    font-size:14px;
    line-height:1.22;
    letter-spacing:-.02em;
}

.ss-product-info strong{
    display:block;
    font-size:11px;
}

.ss-product-cta{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    background:#111;
    color:#fff;
    font-size:8px;
    line-height:1;
    font-weight:800;
    text-decoration:none;
    text-transform:uppercase;
}

.ss-product-cta:hover{
    background:#ffcc00;
    color:#111;
}

.ss-product-offer-badge{
    position:absolute;
    z-index:3;
    left:10px;
    top:10px;
    padding:7px 8px;
    background:#ffcc00;
    color:#111;
    font-size:8px;
    font-weight:900;
    line-height:1;
}

/* ---------- Collections ---------- */

.ss-collections-stack{
    display:grid;
    gap:18px;
}

.ss-merchant-collection{
    display:grid;
    grid-template-columns:260px 260px minmax(0,1fr);
    border:1px solid rgba(0,0,0,.11);
    background:#fff;
}

.ss-merchant-collection-cover{
    min-height:280px;
    background:#f2f2ef;
    overflow:hidden;
}

.ss-merchant-collection-cover img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.ss-merchant-collection-copy{
    padding:28px 24px;
    border-right:1px solid rgba(0,0,0,.09);
}

.ss-merchant-collection-copy>span{
    font-size:8px;
    font-weight:800;
    letter-spacing:.06em;
    color:#888;
}

.ss-merchant-collection-copy h3{
    margin:12px 0 13px;
    font-size:28px;
    line-height:1;
    letter-spacing:-.04em;
}

.ss-merchant-collection-copy p{
    margin:0 0 18px;
    color:#666;
    font-size:12px;
    line-height:1.6;
}

.ss-merchant-collection-copy small{
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}

.ss-collection-products{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
}

.ss-collection-products .ss-product-card{
    border:0;
    border-left:1px solid rgba(0,0,0,.08);
}

.ss-collection-products .ss-product-image{
    aspect-ratio:1/1;
}

/* ---------- Offers ---------- */

.ss-public-offer-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.ss-public-offer-card{
    border:1px solid rgba(0,0,0,.11);
    background:#fff;
}

.ss-public-offer-image{
    position:relative;
    aspect-ratio:1.35/1;
    overflow:hidden;
    background:#f2f2ef;
}

.ss-public-offer-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.ss-offer-badge{
    position:absolute;
    left:12px;
    top:12px;
    padding:9px 10px;
    background:#ffcc00;
    color:#111;
    font-size:10px;
    font-weight:900;
}

.ss-public-offer-copy{
    padding:20px;
}

.ss-public-offer-copy>span{
    display:block;
    margin-bottom:10px;
    color:#8a8a8a;
    font-size:8px;
    font-weight:800;
    letter-spacing:.07em;
}

.ss-public-offer-copy h3{
    margin:0 0 10px;
    font-size:24px;
    line-height:1.04;
    letter-spacing:-.04em;
}

.ss-public-offer-copy p{
    margin:0 0 18px;
    color:#666;
    font-size:12px;
    line-height:1.6;
}

.ss-public-offer-code{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 12px;
    margin-bottom:16px;
    background:#f4f4f1;
}

.ss-public-offer-code small{
    font-size:8px;
    font-weight:800;
}

.ss-public-offer-code strong{
    font-size:14px;
    letter-spacing:.04em;
}

.ss-public-offer-copy>a{
    display:inline-block;
    color:#111;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;
    border-bottom:1px solid #111;
}

/* ---------- Similar merchants ---------- */

.ss-similar-merchant-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.ss-similar-merchant-grid .ss-merchant-card-image{
    aspect-ratio:1.38/1 !important;
    height:auto !important;
}

.ss-similar-merchant-grid .ss-merchant-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* ---------- Merchant cards ---------- */

.ss-merchant-card{
    display:flex;
    flex-direction:column;
    height:100%;
    background:#fff;
    border:1px solid rgba(0,0,0,.11);
}

.ss-merchant-card-body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:16px;
}

.ss-merchant-card-body>p{
    margin:12px 0 14px;
    min-height:50px;
    font-size:11px;
    line-height:1.55;
    color:#666;
}

.ss-merchant-card-cats{
    margin-bottom:15px;
}

.ss-card-link{
    margin-top:auto;
}

/* ---------- Gallery ---------- */

.ss-brand-gallery{
    padding-top:72px;
    padding-bottom:72px;
    border-top:1px solid rgba(0,0,0,.08);
}

/* ---------- 12 categories, last section ---------- */

.ss-profile-categories-bottom{
    border-top:1px solid rgba(0,0,0,.08);
    background:#fff;
}

.ss-profile-categories-bottom .ss-categories{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
}

.ss-profile-categories-bottom .ss-categories>a{
    min-width:0;
}

/* ---------- Responsive ---------- */

@media(max-width:1180px){

    .ss-merchant-featured-products{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .ss-merchant-featured-products.has-primary-featured .ss-product-card.is-featured:first-of-type{
        grid-column:span 2;
    }

    .ss-merchant-collection{
        grid-template-columns:220px 230px minmax(0,1fr);
    }

    .ss-public-offer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ss-similar-merchant-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:900px){

    .ss-brand-story-v2{
        grid-template-columns:1fr;
        gap:28px;
    }

    .ss-merchant-collection{
        grid-template-columns:1fr;
    }

    .ss-merchant-collection-cover{
        min-height:auto;
        aspect-ratio:2/1;
    }

    .ss-merchant-collection-copy{
        border-right:0;
        border-bottom:1px solid rgba(0,0,0,.09);
    }

    .ss-collection-products{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .ss-profile-categories-bottom .ss-categories{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

}

@media(max-width:640px){

    .ss-merchant-products,
    .ss-merchant-collections,
    .ss-merchant-offers,
    .ss-similar-merchants,
    .ss-brand-gallery{
        padding-left:16px;
        padding-right:16px;
        padding-top:52px;
        padding-bottom:56px;
    }

    .ss-merchant-hero-v2 .ss-merchant-description{
        font-size:13px;
    }

    .ss-brand-story-v2 .ss-story-copy p{
        font-size:15px;
        line-height:1.7;
    }

    .ss-merchant-featured-products{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .ss-merchant-featured-products.has-primary-featured .ss-product-card.is-featured:first-of-type{
        grid-column:1/-1;
        grid-row:auto;
    }

    .ss-product-info{
        padding:11px;
    }

    .ss-product-info h3{
        font-size:12px;
    }

    .ss-collection-products{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ss-public-offer-grid{
        grid-template-columns:1fr;
        gap:8px;
    }

    .ss-similar-merchant-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .ss-profile-categories-bottom .ss-categories{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


/* =========================================================
   SHOP SERBIA — SINGLE MERCHANT COMPACT COMMERCE v1.2
========================================================= */

/* tighter section rhythm */
.ss-merchant-products,
.ss-merchant-collections,
.ss-merchant-offers,
.ss-similar-merchants{
    padding-top:54px;
    padding-bottom:58px;
}

.ss-sec-head{
    margin-bottom:24px;
}

.ss-sec-head h2{
    font-size:clamp(40px,4vw,62px)!important;
    line-height:.92!important;
}

/* Products: compact 4-card system.
   Only an actual featured/offer product may be larger. */
.ss-merchant-featured-products{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    max-width:1320px;
}

.ss-merchant-featured-products .ss-product-card{
    max-width:none;
}

.ss-merchant-featured-products .ss-product-card .ss-product-image{
    aspect-ratio:1/1.05;
}

.ss-merchant-featured-products.has-primary-featured .ss-product-card.is-featured:first-of-type{
    grid-column:span 2;
    grid-row:span 1;
}

.ss-merchant-featured-products.has-primary-featured .ss-product-card.is-featured:first-of-type .ss-product-image{
    aspect-ratio:2/1.05;
}

.ss-product-info{
    padding:10px 11px 11px;
}

.ss-product-info h3{
    font-size:12px;
    line-height:1.18;
}

.ss-product-info>span{
    font-size:7px;
    margin-bottom:5px;
}

.ss-product-info strong{
    font-size:10px;
}

.ss-product-cta{
    min-height:34px;
    font-size:7px;
}

/* Collections: image is no longer huge. */
.ss-collections-stack{
    gap:12px;
    max-width:1320px;
}

.ss-merchant-collection{
    grid-template-columns:180px 250px minmax(0,1fr);
    min-height:210px;
}

.ss-merchant-collection-cover{
    min-height:210px;
    max-height:240px;
}

.ss-merchant-collection-copy{
    padding:20px;
}

.ss-merchant-collection-copy h3{
    font-size:22px;
    margin:9px 0 10px;
}

.ss-merchant-collection-copy p{
    font-size:11px;
    line-height:1.5;
    margin-bottom:12px;
}

.ss-collection-products{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.ss-collection-products .ss-product-info{
    padding:8px;
}

.ss-collection-products .ss-product-info h3{
    font-size:10px;
}

/* Offers: compact horizontal-ish cards */
.ss-public-offer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    max-width:1100px;
}

.ss-public-offer-card{
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    min-height:150px;
}

.ss-public-offer-image{
    aspect-ratio:auto;
    height:100%;
    min-height:150px;
}

.ss-public-offer-copy{
    padding:14px;
}

.ss-public-offer-copy h3{
    font-size:18px;
    margin-bottom:7px;
}

.ss-public-offer-copy p{
    font-size:10px;
    line-height:1.5;
    margin-bottom:10px;
}

.ss-public-offer-code{
    padding:8px 9px;
    margin-bottom:10px;
}

.ss-public-offer-copy>a{
    font-size:8px;
}

.ss-offer-badge,
.ss-product-offer-badge{
    padding:6px 7px;
    font-size:7px;
}

/* Similar merchants also more compact */
.ss-similar-merchant-grid{
    gap:10px;
}

.ss-merchant-card-body{
    padding:12px;
}

.ss-merchant-card-body>p{
    min-height:42px;
    margin:8px 0 10px;
    font-size:10px;
}

/* Mobile: keep everything compact instead of turning into huge single-column cards */
@media(max-width:760px){

    .ss-merchant-products,
    .ss-merchant-collections,
    .ss-merchant-offers,
    .ss-similar-merchants{
        padding-top:42px;
        padding-bottom:46px;
    }

    .ss-sec-head{
        margin-bottom:18px;
    }

    .ss-sec-head h2{
        font-size:38px!important;
    }

    .ss-merchant-featured-products{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }

    .ss-merchant-featured-products.has-primary-featured .ss-product-card.is-featured:first-of-type{
        grid-column:1/-1;
    }

    .ss-merchant-featured-products.has-primary-featured .ss-product-card.is-featured:first-of-type .ss-product-image{
        aspect-ratio:1.7/1;
    }

    .ss-product-info{
        padding:8px;
    }

    .ss-product-info h3{
        font-size:10px;
    }

    .ss-product-cta{
        min-height:31px;
        font-size:6.5px;
    }

    .ss-merchant-collection{
        grid-template-columns:110px minmax(0,1fr);
        min-height:150px;
    }

    .ss-merchant-collection-cover{
        min-height:150px;
        max-height:170px;
        aspect-ratio:auto;
    }

    .ss-merchant-collection-copy{
        padding:14px;
        border-bottom:0;
    }

    .ss-merchant-collection-copy h3{
        font-size:18px;
    }

    .ss-merchant-collection-copy p{
        font-size:10px;
        margin-bottom:8px;
    }

    .ss-collection-products{
        grid-column:1/-1;
        border-top:1px solid rgba(0,0,0,.08);
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ss-public-offer-grid{
        grid-template-columns:1fr;
    }

    .ss-public-offer-card{
        grid-template-columns:120px minmax(0,1fr);
        min-height:125px;
    }

    .ss-public-offer-image{
        min-height:125px;
    }

    .ss-public-offer-copy{
        padding:12px;
    }

    .ss-public-offer-copy h3{
        font-size:16px;
    }

    .ss-similar-merchant-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }
}


/* =========================================================
   v1.3 — MOBILE CATEGORY GRID ALIGNMENT
========================================================= */
@media(max-width:640px){

    .ss-profile-categories-bottom{
        width:100%;
        padding-left:14px !important;
        padding-right:14px !important;
        box-sizing:border-box;
        overflow:hidden;
    }

    .ss-profile-categories-bottom .ss-mini-head{
        width:100%;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box;
    }

    .ss-profile-categories-bottom .ss-categories{
        width:100%;
        max-width:100%;
        margin-left:0 !important;
        margin-right:0 !important;
        grid-template-columns:repeat(3,minmax(0,1fr));
        box-sizing:border-box;
    }

    .ss-profile-categories-bottom .ss-categories>a{
        min-width:0;
        padding-left:11px !important;
        padding-right:8px !important;
        box-sizing:border-box;
    }

    .ss-profile-categories-bottom .ss-categories>a strong{
        display:block;
        max-width:100%;
        font-size:9px;
        line-height:1.15;
        overflow-wrap:anywhere;
    }
}
/* =========================================================
   SHOP SERBIA × DHL PARTNERSHIP LAYER v3
========================================================= */

/* HEADER */
.ss-powered-by-dhl{
    display:flex!important;
    align-items:center;
    gap:7px;
    padding-right:14px;
    margin-right:2px;
    border-right:1px solid rgba(0,0,0,.12);
    text-decoration:none!important;
    color:#111!important;
    flex:0 0 auto;
}

.ss-powered-by-dhl span{
    font-size:7px;
    line-height:1;
    font-weight:800;
    letter-spacing:.08em;
    white-space:nowrap;
}

.ss-powered-by-dhl img{
    display:block!important;
    width:58px!important;
    height:auto!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
}

/* FOOTER DHL LOGO */
.ss-footer-partner-logos{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:16px;
}

.ss-footer-dhl-partner{
    display:inline-flex;
    align-items:center;
}

.ss-footer-partner-logos .ss-partner-dhl{
    display:block!important;
    width:94px!important;
    height:auto!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
}

/* GRAY STRIP */
.ss-footer-dhl-strip{
    width:calc(100% - 8%);
    margin:28px 4% 0;
    padding:22px 32px;
    box-sizing:border-box;
    background:#e9e9e7!important;
    color:#111;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    border-top:1px solid rgba(0,0,0,.06);
}

.ss-footer-dhl-strip-brand{
    display:flex;
    align-items:center;
    gap:18px;
}

.ss-footer-dhl-strip-brand img{
    display:block!important;
    width:96px!important;
    height:auto!important;
    max-width:none!important;
    opacity:1!important;
    visibility:visible!important;
}

.ss-footer-dhl-strip-brand span{
    font-size:10px;
    font-weight:600;
}

.ss-footer-dhl-strip nav{
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
}

.ss-footer-dhl-strip nav a{
    color:#111;
    text-decoration:none;
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
}

/* LOGISTICS LOCKUP */
.ss-logistics-lockup{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
}

.ss-logistics-lockup img{
    display:block!important;
    width:96px!important;
    height:auto!important;
    max-width:none!important;
    opacity:1!important;
}

.ss-logistics-lockup span{
    color:#8d8d8d;
    font-size:17px;
}

.ss-logistics-lockup strong{
    font-size:11px;
    letter-spacing:.08em;
}

.ss-logistics-hero-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:26px;
}

.ss-outline-btn{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border:1px solid #111;
    color:#111;
    text-decoration:none;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
}

/* PARTNER SECTION */
.ss-logistics-partnership{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
    gap:6vw;
    align-items:center;
    padding:84px 4%;
    border-top:1px solid rgba(0,0,0,.08);
    background:#fff;
}

.ss-logistics-partnership-copy{
    max-width:720px;
}

.ss-logistics-partnership-copy h2{
    margin:14px 0 22px;
    font-size:clamp(44px,5vw,78px);
    line-height:.9;
    letter-spacing:-.06em;
}

.ss-logistics-partnership-copy p{
    max-width:650px;
    margin:0;
    color:#5f5f5f;
    font-size:14px;
    line-height:1.7;
}

.ss-logistics-partner-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.ss-logistics-partner-card{
    min-height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
    box-sizing:border-box;
    border:1px solid rgba(0,0,0,.09);
}

.ss-logistics-partner-card.is-yellow{
    background:#ffcc00;
}

.ss-logistics-partner-card.is-white{
    background:#f5f5f3;
    flex-direction:column;
    gap:28px;
}

.ss-logistics-partner-card.is-white span{
    max-width:180px;
    text-align:center;
    color:#777;
    font-size:8px;
    font-weight:800;
    letter-spacing:.06em;
}

.ss-logistics-35-logo{
    display:block;
    max-width:78%;
    max-height:220px;
    object-fit:contain;
}

.ss-logistics-ecom-logo{
    display:block;
    max-width:75%;
    max-height:150px;
    object-fit:contain;
}

/* DHL TOOL LINKS */
.ss-dhl-tools .ss-standard-detail-grid article a{
    display:inline-block;
    margin-top:12px;
    color:#111;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    text-decoration:none;
    border-bottom:1px solid #111;
}

/* SUPPORT CARDS */
.ss-logistics-help{
    display:grid;
    grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);
    gap:6vw;
    padding:84px 4%;
    border-top:1px solid rgba(0,0,0,.08);
    background:#f5f5f3;
}

.ss-logistics-help-title h2{
    margin:14px 0 0;
    font-size:clamp(44px,5vw,76px);
    line-height:.9;
    letter-spacing:-.06em;
}

.ss-logistics-help-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:rgba(0,0,0,.09);
}

.ss-logistics-help-grid a{
    min-height:180px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:24px;
    background:#fff;
    color:#111;
    text-decoration:none;
}

.ss-logistics-help-grid a:hover{
    background:#ffcc00;
}

.ss-logistics-help-grid span{
    margin-bottom:auto;
    color:#999;
    font-size:9px;
    font-weight:800;
}

.ss-logistics-help-grid strong{
    font-size:19px;
    line-height:1.05;
}

.ss-logistics-help-grid small{
    margin-top:8px;
    color:#666;
    font-size:10px;
    line-height:1.5;
}

@media(max-width:900px){

    .ss-powered-by-dhl{
        display:none!important;
    }

    .ss-footer-dhl-strip{
        width:calc(100% - 36px);
        margin:24px 18px 0;
        padding:20px 18px 96px;
        align-items:flex-start;
        flex-direction:column;
    }

    .ss-footer-dhl-strip nav{
        gap:14px 18px;
    }

    .ss-logistics-partnership{
        grid-template-columns:1fr;
        padding:58px 18px;
        gap:30px;
    }

    .ss-logistics-help{
        grid-template-columns:1fr;
        padding:58px 18px 92px;
        gap:28px;
    }
}

@media(max-width:640px){

    .ss-logistics-lockup img{
        width:78px!important;
    }

    .ss-logistics-hero-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .ss-logistics-hero-actions a{
        width:100%;
        box-sizing:border-box;
    }

    .ss-logistics-partner-cards{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .ss-logistics-partner-card{
        min-height:180px;
        padding:18px;
    }

    .ss-logistics-partnership-copy h2{
        font-size:42px;
    }

    .ss-logistics-35-logo{
        max-width:90%;
        max-height:140px;
    }

    .ss-logistics-ecom-logo{
        max-width:88%;
        max-height:105px;
    }

    .ss-logistics-help-grid{
        grid-template-columns:1fr;
    }

    .ss-logistics-help-grid a{
        min-height:140px;
    }

    .ss-footer-partner-logos .ss-partner-dhl{
        width:84px!important;
    }

    .ss-footer-dhl-strip-brand img{
        width:86px!important;
    }
}


/* =========================================================
   v4 OVERRIDES — HEADER LOCKUP / FOOTER / LOGISTICS
========================================================= */

.ss-header-brand-group{
    display:flex;
    align-items:center;
    gap:16px;
    flex:0 0 auto;
}

.ss-powered-by-dhl-brand{
    display:flex!important;
    align-items:center;
    gap:7px;
    padding-left:16px;
    border-left:1px solid rgba(0,0,0,.12);
    text-decoration:none!important;
    color:#111!important;
}

.ss-powered-by-dhl-brand span{
    font-size:6px;
    font-weight:800;
    letter-spacing:.08em;
    white-space:nowrap;
}

.ss-powered-by-dhl-brand img{
    display:block!important;
    width:52px!important;
    height:auto!important;
    max-width:none!important;
}

.ss-footer-websalty{
    color:inherit;
    text-decoration:none;
}
.ss-footer-websalty:hover{
    text-decoration:underline;
}

/* remove old footer partner block if stale markup remains anywhere */
.ss-footer-partners{
    display:none!important;
}

.ss-footer-dhl-strip{
    background:#e8e8e6!important;
}

.ss-logistics-partnership{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5vw!important;
    padding:72px 4%!important;
}

.ss-logistics-partner-cards{
    display:none!important;
}

.ss-logistics-partner-inline{
    display:flex;
    align-items:center;
    gap:28px;
    padding-right:2vw;
}

.ss-logistics-partner-item{
    display:flex;
    align-items:center;
    justify-content:center;
}

.ss-logistics-partner-separator{
    width:1px;
    height:58px;
    background:rgba(0,0,0,.12);
}

.ss-logistics-35-logo{
    max-width:150px!important;
    max-height:86px!important;
}

.ss-logistics-ecom-logo{
    max-width:126px!important;
    max-height:72px!important;
}

.ss-logistics-hero .ss-standard-hero-media{
    background-size:cover!important;
    background-position:center!important;
}

.ss-standard-visual-break{
    min-height:460px;
    background-size:cover!important;
    background-position:center!important;
}

@media(max-width:900px){
    .ss-powered-by-dhl-brand{
        display:flex!important;
        padding-left:10px;
    }

    .ss-powered-by-dhl-brand span{
        font-size:5px;
    }

    .ss-powered-by-dhl-brand img{
        width:42px!important;
    }

    .ss-logistics-partnership{
        grid-template-columns:1fr!important;
    }

    .ss-logistics-partner-inline{
        justify-content:flex-start;
        padding-right:0;
    }
}

@media(max-width:640px){
    .ss-header-brand-group{
        max-width:calc(100% - 64px);
        gap:10px;
    }

    .ss-powered-by-dhl-brand{
        padding-left:8px;
        gap:5px;
    }

    .ss-powered-by-dhl-brand span{
        display:none;
    }

    .ss-powered-by-dhl-brand img{
        width:38px!important;
    }

    .ss-logistics-partner-inline{
        gap:20px;
    }

    .ss-logistics-partner-separator{
        height:46px;
    }

    .ss-logistics-35-logo{
        max-width:112px!important;
        max-height:64px!important;
    }

    .ss-logistics-ecom-logo{
        max-width:100px!important;
        max-height:58px!important;
    }

    .ss-standard-visual-break{
        min-height:330px;
    }
}
/* SHOP SERBIA STORIES */

.ss-story-archive-hero{
    padding:90px 4% 72px;
    background:#f5f5f3;
    border-bottom:1px solid rgba(0,0,0,.08);
}

.ss-story-archive-hero>span,
.ss-story-related-head>span{
    display:block;
    margin-bottom:16px;
    color:#969696;
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
}

.ss-story-archive-hero h1{
    max-width:980px;
    margin:0;
    font-size:clamp(54px,7vw,110px);
    line-height:.86;
    letter-spacing:-.07em;
}

.ss-story-archive-hero p{
    max-width:720px;
    margin:28px 0 0;
    color:#626262;
    font-size:16px;
    line-height:1.65;
}

.ss-story-archive{
    padding:56px 4% 90px;
}

.ss-story-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.ss-story-card{
    border:1px solid rgba(0,0,0,.1);
    background:#fff;
    display:flex;
    flex-direction:column;
    min-width:0;
}

.ss-story-card-image{
    display:block;
    aspect-ratio:1.45/1;
    overflow:hidden;
    background:#efefed;
}

.ss-story-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .35s ease;
}

.ss-story-card:hover .ss-story-card-image img{
    transform:scale(1.025);
}

.ss-story-card-copy{
    padding:18px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.ss-story-card-meta{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:12px;
}

.ss-story-card-meta span,
.ss-story-card-copy>span{
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    color:#888;
}

.ss-story-card h2,
.ss-story-card h3{
    margin:0 0 12px;
    font-size:24px;
    line-height:1;
    letter-spacing:-.035em;
}

.ss-story-card h3{
    font-size:20px;
}

.ss-story-card h2 a,
.ss-story-card h3 a{
    color:#111;
    text-decoration:none;
}

.ss-story-card p{
    margin:0 0 18px;
    color:#606060;
    font-size:12px;
    line-height:1.55;
}

.ss-story-card-link{
    margin-top:auto;
    color:#111;
    text-decoration:none;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    border-bottom:1px solid #111;
    width:max-content;
}


/* SINGLE STORY */

.ss-story-hero{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    min-height:640px;
    border-bottom:1px solid rgba(0,0,0,.08);
}

.ss-story-hero-copy{
    padding:70px 5%;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.ss-story-eyebrow{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.ss-story-eyebrow span{
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    color:#8e8e8e;
}

.ss-story-hero h1{
    margin:0;
    font-size:clamp(48px,5.6vw,88px);
    line-height:.9;
    letter-spacing:-.06em;
}

.ss-story-hero-copy>p{
    max-width:650px;
    margin:24px 0 0;
    color:#555;
    font-size:16px;
    line-height:1.6;
}

.ss-story-meta{
    display:flex;
    gap:18px;
    margin-top:30px;
    padding-top:18px;
    border-top:1px solid rgba(0,0,0,.1);
    font-size:9px;
    font-weight:700;
    color:#888;
}

.ss-story-hero-media{
    min-height:560px;
    background:#eee;
    overflow:hidden;
}

.ss-story-hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* ARTICLE BODY */

.ss-story-body-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    gap:6vw;
    max-width:1250px;
    margin:0 auto;
    padding:72px 4% 92px;
}

.ss-story-body{
    max-width:760px;
    font-size:16px;
    line-height:1.75;
    color:#252525;
}

.ss-story-body h2{
    margin:48px 0 16px;
    font-size:34px;
    line-height:1;
    letter-spacing:-.04em;
}

.ss-story-body h3{
    margin:34px 0 12px;
    font-size:24px;
    line-height:1.05;
}

.ss-story-body p{
    margin:0 0 20px;
}

.ss-story-body ul,
.ss-story-body ol{
    padding-left:22px;
    margin:0 0 24px;
}

.ss-story-body li{
    margin:7px 0;
}


/* SOURCE CARD */

.ss-story-source{
    align-self:start;
    position:sticky;
    top:110px;
    padding:22px;
    border:1px solid rgba(0,0,0,.1);
    background:#f6f6f4;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.ss-story-source>span{
    font-size:8px;
    font-weight:800;
    color:#888;
    letter-spacing:.08em;
}

.ss-story-source strong{
    font-size:17px;
}

.ss-story-source small{
    color:#777;
    font-size:10px;
}

.ss-story-source a{
    margin-top:10px;
    color:#111;
    text-decoration:none;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    border-bottom:1px solid #111;
    width:max-content;
}


/* RELATED STORIES */

.ss-story-related{
    padding:70px 4% 90px;
    background:#f5f5f3;
    border-top:1px solid rgba(0,0,0,.08);
}

.ss-story-related-head{
    margin-bottom:28px;
}

.ss-story-related-head h2{
    margin:0;
    font-size:clamp(42px,5vw,72px);
    line-height:.9;
    letter-spacing:-.055em;
}


/* TABLET */

@media(max-width:900px){

    .ss-story-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ss-story-hero{
        grid-template-columns:1fr;
        min-height:0;
    }

    .ss-story-hero-copy{
        padding:52px 18px;
    }

    .ss-story-hero-media{
        min-height:340px;
    }

    .ss-story-body-wrap{
        grid-template-columns:1fr;
        padding:52px 18px 82px;
    }

    .ss-story-source{
        position:static;
        max-width:420px;
    }
}


/* MOBILE */

@media(max-width:640px){

    .ss-story-archive-hero{
        padding:58px 18px 46px;
    }

    .ss-story-archive-hero h1{
        font-size:48px;
    }

    .ss-story-archive{
        padding:36px 14px 90px;
    }

    .ss-story-grid{
        grid-template-columns:1fr;
    }

    .ss-story-card-image{
        aspect-ratio:1.55/1;
    }

    .ss-story-hero h1{
        font-size:44px;
    }

    .ss-story-hero-copy>p{
        font-size:14px;
    }

    .ss-story-body{
        font-size:15px;
    }

    .ss-story-body h2{
        font-size:29px;
    }

    .ss-story-related{
        padding:54px 14px 90px;
    }
}
/* =========================================================
   FOOTER DHL STRIP — FULL BLEED FINAL FIX
========================================================= */

.ss-footer{
    padding:68px var(--pad) 0 !important;
    background:var(--yellow);
    overflow:visible;
}

.ss-footer-bottom{
    margin-bottom:0;
    padding-bottom:24px;
}

.ss-footer-dhl-strip{
    width:auto !important;
    margin:0 calc(var(--pad) * -1) 0 !important;
    padding:24px var(--pad) !important;
    box-sizing:border-box !important;

    background:#e8e8e6 !important;
    color:#111;

    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:28px;

    border-top:1px solid rgba(0,0,0,.08);
    border-bottom:0 !important;
}

.ss-footer-dhl-strip-brand{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
}

.ss-footer-dhl-strip-brand img{
    width:92px !important;
    height:auto !important;
    flex:0 0 auto;
}

.ss-footer-dhl-strip-brand span{
    font-size:10px;
    line-height:1.35;
    font-weight:600;
}

.ss-footer-dhl-strip nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:24px;
    flex-wrap:wrap;
}

.ss-footer-dhl-strip nav a{
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    color:#111;
    white-space:nowrap;
}

.ss-footer-websalty{
    color:inherit;
    text-decoration:none;
}

.ss-footer-websalty:hover{
    text-decoration:underline;
}

@media(max-width:767px){

    .ss-footer{
        padding:50px 20px 0 !important;
    }

    .ss-footer-bottom{
        padding-bottom:22px;
    }

    .ss-footer-dhl-strip{
        width:auto !important;
        margin:0 -20px !important;
        padding:22px 20px calc(88px + env(safe-area-inset-bottom)) !important;

        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .ss-footer-dhl-strip-brand{
        gap:15px;
    }

    .ss-footer-dhl-strip-brand img{
        width:84px !important;
    }

    .ss-footer-dhl-strip-brand span{
        max-width:245px;
        font-size:10px;
    }

    .ss-footer-dhl-strip nav{
        width:100%;
        justify-content:flex-start;
        gap:14px 20px;
    }

    .ss-footer-dhl-strip nav a{
        font-size:8px;
    }
}
/* =========================================================
   SHOP SERBIA STORIES — IMAGE POLISH
   ========================================================= */

/* SINGLE STORY HERO IMAGE */
.single-ss_story .ss-story-hero-media,
.single-ss_story .ss-story-single-media,
.single-ss_story .ss-story-featured-image {
    width: min(100%, 1320px);
    margin: 40px auto 0;
}

.single-ss_story .ss-story-hero-media img,
.single-ss_story .ss-story-single-media img,
.single-ss_story .ss-story-featured-image img {
    display: block;
    width: 100%;
    height: clamp(360px, 48vw, 720px);
    object-fit: cover;
    object-position: center center;
    border: 0;
}

/* ako je slika previsoko ili usečena, malo spusti fokus */
.single-ss_story .ss-story-hero-media img.is-dhl-hero,
.single-ss_story .ss-story-single-media img.is-dhl-hero {
    object-position: center 42%;
}

/* ARCHIVE / RELATED STORY CARDS */
.post-type-archive-ss_story .ss-story-card-media,
.tax-ss_story_category .ss-story-card-media,
.single-ss_story .ss-story-related-card-media {
    position: relative;
    overflow: hidden;
    background: #ecebe7;
    aspect-ratio: 4 / 3;
}

.post-type-archive-ss_story .ss-story-card-media img,
.tax-ss_story_category .ss-story-card-media img,
.single-ss_story .ss-story-related-card-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

/* ako koristiš već postojeće klase za thumb */
.post-type-archive-ss_story .ss-story-card-thumb,
.tax-ss_story_category .ss-story-card-thumb,
.single-ss_story .ss-story-related-thumb {
    position: relative;
    overflow: hidden;
    background: #ecebe7;
    aspect-ratio: 4 / 3;
}

.post-type-archive-ss_story .ss-story-card-thumb img,
.tax-ss_story_category .ss-story-card-thumb img,
.single-ss_story .ss-story-related-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
}

/* malo lepši spacing na single */
.single-ss_story .ss-story-hero,
.single-ss_story .ss-story-single-hero {
    padding-bottom: 28px;
}

/* मोबाइल */
@media (max-width: 991px) {
    .single-ss_story .ss-story-hero-media,
    .single-ss_story .ss-story-single-media,
    .single-ss_story .ss-story-featured-image {
        margin-top: 28px;
    }

    .single-ss_story .ss-story-hero-media img,
    .single-ss_story .ss-story-single-media img,
    .single-ss_story .ss-story-featured-image img {
        height: clamp(240px, 56vw, 420px);
    }
}
/* =========================================================
   SHOP SERBIA STORIES v2
   Replace the previous stories CSS with this block.
========================================================= */

/* ARCHIVE */
.ss-story-archive-hero{
    padding:86px 4% 68px;
    background:#f5f5f3;
    border-bottom:1px solid rgba(0,0,0,.08);
}
.ss-story-archive-hero>span,
.ss-story-related-head>span{
    display:block;
    margin-bottom:14px;
    color:#969696;
    font-size:8px;
    font-weight:800;
    letter-spacing:.11em;
}
.ss-story-archive-hero h1{
    max-width:1000px;
    margin:0;
    font-size:clamp(54px,7vw,106px);
    line-height:.86;
    letter-spacing:-.065em;
}
.ss-story-archive-hero p{
    max-width:700px;
    margin:26px 0 0;
    color:#626262;
    font-size:15px;
    line-height:1.65;
}
.ss-story-archive{
    padding:54px 4% 88px;
}
.ss-story-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.ss-story-card{
    border:1px solid rgba(0,0,0,.1);
    background:#fff;
    display:flex;
    flex-direction:column;
    min-width:0;
}
.ss-story-card-image{
    display:block;
    aspect-ratio:1.5/1;
    overflow:hidden;
    background:#efefed;
}
.ss-story-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .3s ease;
}
.ss-story-card:hover .ss-story-card-image img{transform:scale(1.02)}
.ss-story-card-copy{
    padding:17px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.ss-story-card-copy>span{
    margin-bottom:10px;
    color:#8b8b8b;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase;
}
.ss-story-card h2,
.ss-story-card h3{
    margin:0 0 11px;
    font-size:21px;
    line-height:1.02;
    letter-spacing:-.035em;
}
.ss-story-card h2 a,
.ss-story-card h3 a{color:#111;text-decoration:none}
.ss-story-card p{
    margin:0 0 17px;
    color:#606060;
    font-size:11px;
    line-height:1.55;
}
.ss-story-card-link{
    margin-top:auto;
    color:#111;
    text-decoration:none;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase;
    border-bottom:1px solid #111;
    width:max-content;
}

/* SINGLE — NEW EDITORIAL HERO */
.ss-story-single-v2{
    background:#fff;
}
.ss-story-intro{
    max-width:1460px;
    margin:0 auto;
    padding:88px 4% 48px;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    gap:7vw;
    align-items:end;
}
.ss-story-eyebrow{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:18px;
}
.ss-story-eyebrow span{
    color:#8c8c8c;
    font-size:8px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.ss-story-intro h1{
    max-width:900px;
    margin:0;
    font-size:clamp(46px,5vw,76px);
    line-height:.91;
    letter-spacing:-.055em;
    text-wrap:balance;
}
.ss-story-intro-right{
    padding-bottom:4px;
}
.ss-story-intro-right>p{
    max-width:520px;
    margin:0;
    color:#575757;
    font-size:15px;
    line-height:1.6;
}
.ss-story-meta{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:22px;
    padding-top:16px;
    border-top:1px solid rgba(0,0,0,.1);
    color:#929292;
    font-size:8px;
    font-weight:700;
}
.ss-story-hero-wide{
    width:92%;
    max-width:1460px;
    margin:0 auto;
    aspect-ratio:2.15/1;
    overflow:hidden;
    background:#efefed;
}
.ss-story-hero-wide img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
}

/* BODY */
.ss-story-body-wrap{
    display:grid;
    grid-template-columns:minmax(0,760px) 250px;
    justify-content:center;
    gap:7vw;
    max-width:1280px;
    margin:0 auto;
    padding:70px 4% 94px;
}
.ss-story-body{
    font-size:15px;
    line-height:1.72;
    color:#272727;
}
.ss-story-body>p:first-child{
    font-size:17px;
    line-height:1.68;
}
.ss-story-body h2{
    margin:44px 0 15px;
    font-size:31px;
    line-height:1;
    letter-spacing:-.04em;
}
.ss-story-body h3{
    margin:30px 0 11px;
    font-size:21px;
    line-height:1.05;
    letter-spacing:-.025em;
}
.ss-story-body p{margin:0 0 18px}
.ss-story-body ul,
.ss-story-body ol{padding-left:20px;margin:0 0 22px}
.ss-story-body li{margin:6px 0}

/* SOURCE */
.ss-story-source{
    align-self:start;
    position:sticky;
    top:110px;
    padding:18px;
    border:1px solid rgba(0,0,0,.1);
    background:#f5f5f3;
    display:flex;
    flex-direction:column;
    gap:9px;
}
.ss-story-source>span{
    color:#919191;
    font-size:7px;
    font-weight:800;
    letter-spacing:.08em;
}
.ss-story-source strong{font-size:15px}
.ss-story-source small{color:#777;font-size:9px}
.ss-story-source a{
    margin-top:8px;
    color:#111;
    text-decoration:none;
    font-size:7px;
    font-weight:800;
    text-transform:uppercase;
    border-bottom:1px solid #111;
    width:max-content;
}

/* RELATED */
.ss-story-related{
    padding:66px 4% 90px;
    background:#f5f5f3;
    border-top:1px solid rgba(0,0,0,.08);
}
.ss-story-related-head{margin-bottom:26px}
.ss-story-related-head h2{
    margin:0;
    font-size:clamp(40px,4.6vw,68px);
    line-height:.9;
    letter-spacing:-.05em;
}

@media(max-width:1000px){
    .ss-story-intro{
        grid-template-columns:1fr;
        gap:24px;
        align-items:start;
    }
    .ss-story-intro-right>p{max-width:720px}
    .ss-story-body-wrap{grid-template-columns:minmax(0,760px)}
    .ss-story-source{position:static;max-width:420px}
}

@media(max-width:900px){
    .ss-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ss-story-intro{padding:60px 18px 32px}
    .ss-story-hero-wide{width:calc(100% - 36px);aspect-ratio:1.7/1}
    .ss-story-body-wrap{padding:52px 18px 82px}
}

@media(max-width:640px){
    .ss-story-archive-hero{padding:54px 18px 44px}
    .ss-story-archive-hero h1{font-size:46px}
    .ss-story-archive{padding:34px 14px 88px}
    .ss-story-grid{grid-template-columns:1fr}
    .ss-story-card-image{aspect-ratio:1.55/1}

    .ss-story-intro{padding:46px 16px 26px;gap:18px}
    .ss-story-intro h1{font-size:42px;line-height:.94}
    .ss-story-intro-right>p{font-size:13px}
    .ss-story-meta{margin-top:17px}
    .ss-story-hero-wide{width:100%;aspect-ratio:1.28/1}

    .ss-story-body-wrap{padding:42px 16px 78px}
    .ss-story-body{font-size:14px}
    .ss-story-body>p:first-child{font-size:15px}
    .ss-story-body h2{font-size:27px;margin-top:38px}
    .ss-story-body h3{font-size:20px}

    .ss-story-related{padding:50px 14px 88px}
}


/* =========================================================
   STORIES v3 — WIDER HERO + IMAGE FALLBACK PRESENTATION
========================================================= */

.ss-story-single-v2{
    width:100%;
    max-width:none!important;
    margin:0;
}

.ss-story-single-v2 .ss-story-intro{
    width:100%;
    max-width:1560px;
    margin:0 auto;
}

.ss-story-single-v2 .ss-story-hero-wide{
    width:92vw!important;
    max-width:1560px!important;
    margin:0 auto!important;
    aspect-ratio:2.25/1;
    min-height:460px;
    max-height:720px;
    overflow:hidden;
    background:#ececeb;
}

.ss-story-single-v2 .ss-story-hero-wide .ss-story-hero-img,
.ss-story-single-v2 .ss-story-hero-wide img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    display:block;
    object-fit:cover!important;
    object-position:center 42%!important;
}

.post-type-archive-ss_story .ss-story-card-image,
.ss-story-related .ss-story-card-image{
    background:#ececeb;
}

.post-type-archive-ss_story .ss-story-card-image img,
.ss-story-related .ss-story-card-image img{
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
}

@media(max-width:1000px){
    .ss-story-single-v2 .ss-story-hero-wide{
        width:calc(100vw - 36px)!important;
        min-height:0;
        aspect-ratio:1.75/1;
    }
}

@media(max-width:640px){
    .ss-story-single-v2 .ss-story-hero-wide{
        width:100vw!important;
        margin-left:50%!important;
        transform:translateX(-50%);
        aspect-ratio:1.28/1;
        min-height:0;
        max-height:none;
    }

    .ss-story-single-v2 .ss-story-hero-wide .ss-story-hero-img,
    .ss-story-single-v2 .ss-story-hero-wide img{
        object-position:center center!important;
    }
}

/* =========================================================
   SHOP SERBIA — SINGLE MERCHANT GALLERY FINAL
   Desktop: one horizontal line
   Mobile: one-row swipe carousel with next image peeking
   Click: custom lightbox, never opens WP/media URL
========================================================= */

.ss-brand-gallery-carousel{
    position:relative;
    padding:62px 3.4% 72px !important;
    overflow:hidden;
    background:#fff;
    border-top:1px solid rgba(0,0,0,.08);
}

.ss-brand-gallery-head-simple{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:36px;
    margin-bottom:24px;
}

.ss-brand-gallery-head-simple h2{
    margin:8px 0 0;
    font-size:clamp(42px,4.8vw,72px);
    line-height:.92;
    letter-spacing:-.055em;
}

.ss-brand-gallery-head-right{
    display:flex;
    align-items:flex-end;
    gap:24px;
}

.ss-brand-gallery-head-right>p{
    max-width:330px;
    margin:0;
    color:#777;
    font-size:11px;
    line-height:1.55;
    text-align:right;
}

.ss-brand-gallery-controls{
    display:flex;
    gap:6px;
}

.ss-brand-gallery-arrow{
    width:42px;
    height:42px;
    border:1px solid rgba(0,0,0,.16);
    background:#fff;
    color:#111;
    display:grid;
    place-items:center;
    padding:0;
    border-radius:0;
    cursor:pointer;
    font-size:16px;
    transition:background .18s ease,color .18s ease,border-color .18s ease;
}

.ss-brand-gallery-arrow:hover{
    background:#111;
    color:#fff;
    border-color:#111;
}

.ss-brand-gallery-viewport{
    overflow:visible;
}

.ss-brand-gallery-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    padding:0 !important;
    margin:0 !important;
}

.ss-brand-gallery-track::-webkit-scrollbar{
    display:none;
}

.ss-brand-gallery-item{
    appearance:none;
    -webkit-appearance:none;
    flex:0 0 calc((100% - 30px) / 4) !important;
    width:auto !important;
    height:auto !important;
    aspect-ratio:1.34 / 1;
    display:block;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:#f1f1ef;
    overflow:hidden;
    cursor:zoom-in;
    scroll-snap-align:start;
    position:relative;
}

.ss-brand-gallery-item img{
    width:100% !important;
    height:100% !important;
    display:block;
    object-fit:cover;
    transition:transform .35s ease;
}

.ss-brand-gallery-item:hover img{
    transform:scale(1.018);
}


/* LIGHTBOX */

html.ss-gallery-modal-open,
body.ss-gallery-modal-open{
    overflow:hidden !important;
}

.ss-brand-lightbox{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:28px;
}

.ss-brand-lightbox.is-open{
    display:flex;
}

.ss-brand-lightbox-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.88);
    backdrop-filter:blur(3px);
}

.ss-brand-lightbox-dialog{
    position:relative;
    z-index:2;
    width:min(1180px,92vw);
    height:min(820px,88vh);
    display:grid;
    grid-template-columns:56px minmax(0,1fr) 56px;
    align-items:center;
    gap:12px;
}

.ss-brand-lightbox-figure{
    min-width:0;
    min-height:0;
    height:100%;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.ss-brand-lightbox-figure img{
    display:block;
    max-width:100%;
    max-height:calc(100% - 28px);
    width:auto;
    height:auto;
    object-fit:contain;
    background:#fff;
}

.ss-brand-lightbox-figure figcaption{
    height:28px;
    padding-top:10px;
    color:#fff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
}

.ss-brand-lightbox-close,
.ss-brand-lightbox-nav{
    border:1px solid rgba(255,255,255,.28);
    background:rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
    display:grid;
    place-items:center;
    border-radius:0;
}

.ss-brand-lightbox-close:hover,
.ss-brand-lightbox-nav:hover{
    background:#fff;
    color:#111;
}

.ss-brand-lightbox-close{
    position:absolute;
    top:0;
    right:0;
    width:46px;
    height:46px;
    font-size:26px;
    line-height:1;
    z-index:4;
}

.ss-brand-lightbox-nav{
    width:52px;
    height:52px;
    font-size:18px;
}

.ss-brand-lightbox-nav.is-prev{
    grid-column:1;
}

.ss-brand-lightbox-figure{
    grid-column:2;
}

.ss-brand-lightbox-nav.is-next{
    grid-column:3;
}


/* TABLET */

@media(max-width:980px){

    .ss-brand-gallery-carousel{
        padding:54px 22px 62px !important;
    }

    .ss-brand-gallery-item{
        flex-basis:calc((100% - 10px) / 2.15) !important;
    }
}


/* MOBILE */

@media(max-width:640px){

    .ss-brand-gallery-carousel{
        padding:46px 18px 52px !important;
    }

    .ss-brand-gallery-head-simple{
        display:block;
        margin-bottom:20px;
    }

    .ss-brand-gallery-head-simple h2{
        font-size:42px;
        line-height:.94;
    }

    .ss-brand-gallery-head-right{
        display:flex;
        align-items:flex-end;
        justify-content:space-between;
        gap:16px;
        margin-top:10px;
    }

    .ss-brand-gallery-head-right>p{
        max-width:240px;
        font-size:10px;
        text-align:left;
    }

    .ss-brand-gallery-controls{
        flex:0 0 auto;
    }

    .ss-brand-gallery-arrow{
        width:38px;
        height:38px;
    }

    /* full-width first image with a clear peek of the second */
    .ss-brand-gallery-track{
        gap:8px !important;
        margin-right:-18px !important;
        padding-right:18px !important;
    }

    .ss-brand-gallery-item{
        flex:0 0 78vw !important;
        aspect-ratio:1.18 / 1;
    }

    .ss-brand-lightbox{
        padding:0;
    }

    .ss-brand-lightbox-dialog{
        width:100vw;
        height:100dvh;
        grid-template-columns:48px minmax(0,1fr) 48px;
        gap:4px;
        padding:58px 6px 18px;
        box-sizing:border-box;
    }

    .ss-brand-lightbox-close{
        top:10px;
        right:10px;
        width:42px;
        height:42px;
    }

    .ss-brand-lightbox-nav{
        width:44px;
        height:44px;
    }

    .ss-brand-lightbox-figure img{
        max-height:calc(100dvh - 110px);
    }

    .ss-brand-lightbox-figure figcaption{
        padding-top:8px;
    }
}
/* =========================================================
   SHOP SERBIA — OTKRIJ / PRODUCT DISCOVERY FINAL
   Current page-otkrij.php uses ss-market-* classes.
   This block is the single source of truth for the Otkrij page.
========================================================= */

.ss-discover-page{
    background:#fff;
}

/* ---------- compact discovery hero ---------- */
.ss-market-hero-v2{
    padding:72px var(--ss-pad) 62px;
    border-bottom:1px solid var(--ss-border);
    background:#f6f6f6;
}

.ss-market-hero-v2 .ss-overline{
    margin-bottom:14px;
    color:#999;
}

.ss-market-hero-v2 h1{
    max-width:900px;
    margin:0 0 14px;
    font-size:clamp(54px,5.4vw,86px);
    line-height:.9;
    letter-spacing:-.06em;
    font-weight:780;
}

.ss-market-hero-v2 > p{
    max-width:650px;
    margin:0 0 28px;
    color:#666;
    font-size:15px;
    line-height:1.65;
}

.ss-market-search{
    width:min(880px,100%);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    border:1px solid #d8d8d8;
    background:#fff;
}

.ss-market-search input{
    min-width:0;
    height:58px;
    padding:0 18px;
    border:0;
    outline:0;
    background:#fff;
    color:#111;
    font-size:14px;
}

.ss-market-search input::placeholder{
    color:#999;
}

.ss-market-search button{
    min-width:150px;
    padding:0 22px;
    border:0;
    border-left:1px solid #111;
    background:#111;
    color:#fff;
    font-size:9px;
    font-weight:900;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.ss-market-search button:hover{
    border-left-color:var(--ss-yellow);
    background:var(--ss-yellow);
    color:#111;
}

/* ---------- categories ---------- */
.ss-discover-categories{
    border-bottom:1px solid var(--ss-border);
    background:#fff;
}

.ss-discover-categories .ss-mini-head{
    padding:24px var(--ss-pad) 16px;
    flex-direction:row;
    align-items:center;
}

.ss-discover-categories .ss-mini-head > a{
    padding-bottom:2px;
    border-bottom:1px solid #111;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
}

/* final 12-category system already controls .ss-categories;
   only add active state for Otkrij */
.ss-discover-categories .ss-categories a.active{
    background:var(--ss-yellow);
}

.ss-discover-categories .ss-categories a.active .ss-cat-icon{
    color:#111;
}

/* ---------- catalogue shell ---------- */
.ss-market-catalog{
    padding:72px var(--ss-pad) 94px;
    background:#fff;
}

.ss-market-catalog-head{
    margin-bottom:30px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:34px;
}

.ss-market-catalog-head h2{
    max-width:900px;
    margin:9px 0 0;
    font-size:clamp(40px,4.2vw,66px);
    line-height:.95;
    letter-spacing:-.055em;
    font-weight:740;
}

.ss-market-count{
    padding-bottom:7px;
    color:#777;
    font-size:10px;
    font-weight:700;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.ss-market-layout-v2{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:28px;
    align-items:start;
}

/* ---------- filter sidebar ---------- */
.ss-market-filters{
    position:sticky;
    top:104px;
    border:1px solid rgba(0,0,0,.13);
    background:#fff;
}

.ss-market-filters form{
    margin:0;
}

.ss-market-filter-top{
    min-height:54px;
    padding:0 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    border-bottom:1px solid rgba(0,0,0,.1);
}

.ss-market-filter-top strong{
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
}

.ss-market-filter-top a{
    color:#999;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
}

.ss-market-filter-block{
    padding:16px;
    border-bottom:1px solid rgba(0,0,0,.1);
}

.ss-market-filter-block > label,
.ss-market-filter-label{
    display:block;
    margin-bottom:10px;
    color:#777;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ss-market-filter-search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px;
    border:1px solid rgba(0,0,0,.16);
    background:#fff;
}

.ss-market-filter-search input{
    min-width:0;
    height:42px;
    padding:0 11px;
    border:0;
    outline:0;
    background:#fff;
    font-size:12px;
}

.ss-market-filter-search button{
    border:0;
    border-left:1px solid rgba(0,0,0,.16);
    background:#fff;
    font-size:15px;
}

.ss-market-filter-search button:hover{
    background:#111;
    color:#fff;
}

.ss-market-category-list{
    display:flex;
    flex-direction:column;
}

.ss-market-category-list label{
    position:relative;
    margin:0;
    cursor:pointer;
}

.ss-market-category-list input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.ss-market-category-list label > span{
    min-height:40px;
    display:flex;
    align-items:center;
    gap:9px;
    border-top:1px solid rgba(0,0,0,.07);
    color:#333;
    font-size:10px;
    transition:.18s ease;
}

.ss-market-category-list label:first-child > span{
    border-top:0;
}

.ss-market-category-list label svg{
    width:15px;
    height:15px;
    flex:0 0 auto;
    color:#777;
}

.ss-market-category-list label:hover > span,
.ss-market-category-list label.active > span{
    padding-left:8px;
    background:#f5f5f5;
}

.ss-market-category-list label.active > span{
    font-weight:800;
}

.ss-market-filter-block select{
    width:100%;
    height:42px;
    padding:0 10px;
    border:1px solid rgba(0,0,0,.16);
    border-radius:0;
    background:#fff;
    color:#111;
    outline:0;
    font-size:12px;
}

.ss-market-filters .ss-brand-filter-submit{
    width:calc(100% - 32px);
    min-height:44px;
    margin:16px;
}

/* brand directory bridge */
.ss-market-brands-cta{
    padding:18px 16px 20px;
    border-top:1px solid rgba(0,0,0,.08);
    background:#f4f4f4;
}

.ss-market-brands-cta > span{
    display:block;
    margin-bottom:9px;
    color:#999;
    font-size:8px;
    font-weight:900;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.ss-market-brands-cta > strong{
    display:block;
    margin-bottom:14px;
    font-size:14px;
    line-height:1.35;
}

.ss-market-brands-cta > a{
    display:inline-block;
    padding-bottom:2px;
    border-bottom:1px solid #111;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

/* ---------- product results ---------- */
.ss-market-results{
    min-width:0;
}

.ss-market-results .ss-product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.ss-market-results .ss-product-card{
    min-width:0;
}

.ss-market-results .ss-product-card.is-featured{
    grid-column:auto;
}

.ss-market-results .ss-product-card.is-featured .ss-product-image{
    aspect-ratio:4/5;
}

.ss-market-results .ss-product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.ss-market-empty{
    min-height:230px;
    padding:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    border:1px dashed #ccc;
    background:#fafafa;
}

.ss-market-empty strong{
    font-size:20px;
}

.ss-market-empty span{
    color:#777;
    font-size:13px;
}

/* ---------- responsive ---------- */
@media(max-width:1180px){
    .ss-market-layout-v2{
        grid-template-columns:230px minmax(0,1fr);
        gap:20px;
    }

    .ss-market-results .ss-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:820px){
    .ss-market-hero-v2{
        padding:54px 20px 48px;
    }

    .ss-market-catalog{
        padding:54px 20px 78px;
    }

    .ss-market-layout-v2{
        display:block;
    }

    .ss-market-filters{
        position:relative;
        top:auto;
        margin-bottom:24px;
    }

    .ss-market-category-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0 14px;
    }
}

@media(max-width:767px){
    .ss-market-hero-v2{
        padding:38px 16px 34px;
    }

    .ss-market-hero-v2 h1{
        font-size:44px;
        margin-bottom:10px;
    }

    .ss-market-hero-v2 > p{
        margin-bottom:20px;
        font-size:13px;
        line-height:1.58;
    }

    .ss-market-search{
        grid-template-columns:1fr;
    }

    .ss-market-search input{
        height:50px;
        font-size:13px;
    }

    .ss-market-search button{
        min-width:0;
        min-height:44px;
        border-left:0;
        border-top:1px solid #111;
    }

    .ss-discover-categories .ss-mini-head{
        padding:17px 16px 10px !important;
    }

    .ss-discover-categories .ss-mini-head > a{
        font-size:8px;
    }

    .ss-market-catalog{
        padding:46px 14px 76px;
    }

    .ss-market-catalog-head{
        margin-bottom:20px;
        align-items:flex-start;
        flex-direction:column;
        gap:11px;
    }

    .ss-market-catalog-head h2{
        font-size:36px;
    }

    .ss-market-count{
        padding-bottom:0;
        font-size:9px;
    }

    .ss-market-filters{
        margin-bottom:20px;
    }

    .ss-market-category-list{
        grid-template-columns:1fr;
    }

    .ss-market-results .ss-product-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .ss-market-results .ss-product-image,
    .ss-market-results .ss-product-card.is-featured .ss-product-image{
        aspect-ratio:1/1.08 !important;
    }

    .ss-market-results .ss-product-info{
        padding:10px 9px 9px !important;
    }

    .ss-market-results .ss-product-info h3{
        font-size:11px !important;
        line-height:1.16 !important;
    }

    .ss-market-results .ss-product-info strong{
        font-size:10px !important;
    }

    .ss-market-results .ss-product-cta{
        min-height:35px !important;
        font-size:6.8px !important;
    }
}

@media(max-width:390px){
    .ss-market-results .ss-product-grid{
        gap:7px !important;
    }
}


/* =========================================================
   SHOP SERBIA v1.7 — DISCOVERY SEARCH / MOBILE FILTERS
   LEGAL PAGES / 404
   ========================================================= */

/* Search-result sections */
.ss-market-results{
    min-width:0;
}

.ss-market-result-section + .ss-market-result-section{
    margin-top:58px;
    padding-top:42px;
    border-top:1px solid var(--ss-border);
}

.ss-market-result-section-head{
    margin-bottom:24px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
}

.ss-market-result-section-head .ss-overline{
    margin-bottom:8px;
}

.ss-market-result-section-head h3{
    margin:0;
    font-size:clamp(27px,2.4vw,38px);
    line-height:1;
    letter-spacing:-.04em;
}

.ss-market-result-section-head>a{
    flex:0 0 auto;
    padding-bottom:3px;
    border-bottom:1px solid #111;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.ss-market-brand-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.ss-market-inline-empty{
    padding:26px;
    border:1px dashed #cfcfcf;
    background:#fafafa;
    color:#777;
    font-size:12px;
}

.ss-market-empty{
    min-height:190px;
    padding:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:8px;
}

.ss-market-empty strong{
    color:#111;
    font-size:20px;
}

.ss-market-empty span{
    color:#777;
    font-size:13px;
}

/* Filter toggle is mobile-only. */
.ss-mobile-filter-toggle,
.ss-mobile-filter-close{
    display:none;
}

.ss-filter-top-actions{
    display:flex;
    align-items:center;
    gap:12px;
}

/* Active catalogue category */
.ss-discover-categories .ss-categories a.active{
    background:var(--ss-yellow);
}

/* Legal / policy pages */
.ss-legal-page{
    background:#fff;
}

.ss-legal-hero{
    padding:88px var(--ss-pad) 62px;
    border-bottom:1px solid var(--ss-border);
    background:#f7f7f7;
}

.ss-legal-hero .ss-overline{
    margin-bottom:18px;
}

.ss-legal-hero h1{
    max-width:980px;
    margin:0;
    font-size:clamp(52px,5.4vw,86px);
    line-height:.92;
    letter-spacing:-.055em;
}

.ss-legal-body{
    width:min(920px,calc(100% - 40px));
    margin:0 auto;
    padding:66px 0 92px;
    font-size:15px;
    line-height:1.78;
    color:#333;
}

.ss-legal-body>*:first-child{
    margin-top:0;
}

.ss-legal-body h2{
    margin:48px 0 16px;
    font-size:31px;
    line-height:1.08;
    letter-spacing:-.035em;
}

.ss-legal-body h3{
    margin:34px 0 12px;
    font-size:21px;
    line-height:1.15;
}

.ss-legal-body p,
.ss-legal-body ul,
.ss-legal-body ol{
    margin-bottom:18px;
}

.ss-legal-body ul,
.ss-legal-body ol{
    padding-left:22px;
}

.ss-legal-body a{
    border-bottom:1px solid currentColor;
}

.ss-legal-body table{
    width:100%;
    border-collapse:collapse;
    margin:28px 0;
}

.ss-legal-body th,
.ss-legal-body td{
    padding:12px;
    border:1px solid var(--ss-border);
    text-align:left;
    vertical-align:top;
}

/* 404 */
.ss-404{
    min-height:calc(100vh - 76px);
    padding:90px var(--ss-pad);
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:70px;
    align-items:center;
    background:#fff;
}

.ss-404-code{
    color:var(--ss-yellow);
    font-size:clamp(120px,18vw,290px);
    line-height:.72;
    font-weight:900;
    letter-spacing:-.09em;
}

.ss-404-copy .ss-overline{
    margin-bottom:16px;
}

.ss-404-copy h1{
    max-width:720px;
    margin:0 0 20px;
    font-size:clamp(48px,5vw,80px);
    line-height:.92;
    letter-spacing:-.055em;
}

.ss-404-copy p{
    max-width:610px;
    margin:0;
    color:#666;
    font-size:15px;
    line-height:1.7;
}

.ss-404-actions{
    margin-top:30px;
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}

.ss-404-actions a{
    min-height:48px;
    padding:0 20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #111;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
}

.ss-404-actions a:first-child{
    background:#111;
    color:#fff;
}

.ss-404-actions a:last-child{
    background:var(--ss-yellow);
    border-color:var(--ss-yellow);
    color:#111;
}

/* =========================================================
   MOBILE FILTER ACCORDION
   ========================================================= */
@media(max-width:767px){

    .ss-mobile-filter-toggle{
        width:100%;
        min-height:50px;
        margin:0 0 14px;
        padding:0 15px;
        border:1px solid #111;
        background:#fff;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:14px;
        color:#111;
        font-size:10px;
        font-weight:900;
        letter-spacing:.04em;
        text-transform:uppercase;
    }

    .ss-mobile-filter-toggle b{
        font-size:20px;
        line-height:1;
        font-weight:500;
    }

    .ss-mobile-filter-close{
        width:32px;
        height:32px;
        padding:0;
        border:1px solid #ddd;
        background:#fff;
        align-items:center;
        justify-content:center;
        font-size:19px;
        line-height:1;
    }

    /*
     * The sidebar is no longer a permanently visible mobile block.
     * It becomes a clean inline accordion and starts collapsed
     * on every fresh/search-result page load.
     */
    .ss-market-layout-v2,
    .ss-brand-browser-layout{
        display:block!important;
    }

    .ss-market-filters.ss-filter-panel,
    .ss-brand-sidebar.ss-filter-panel{
        display:none!important;
        position:static!important;
        inset:auto!important;
        width:100%!important;
        max-height:none!important;
        overflow:visible!important;
        transform:none!important;
        margin:0 0 20px!important;
        padding:0!important;
        border:1px solid var(--ss-border)!important;
        border-radius:0!important;
        background:#fff!important;
        box-shadow:none!important;
    }

    .ss-market-filters.ss-filter-panel.is-open,
    .ss-brand-sidebar.ss-filter-panel.is-open{
        display:block!important;
    }

    .ss-market-filters.ss-filter-panel form,
    .ss-brand-sidebar.ss-filter-panel form{
        padding:0!important;
        margin:0!important;
    }

    .ss-market-filter-top,
    .ss-brand-filter-top{
        min-height:50px;
        padding:0 14px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        border-bottom:1px solid var(--ss-border);
    }

    .ss-market-filter-top .ss-mobile-filter-close,
    .ss-brand-filter-top .ss-mobile-filter-close{
        display:inline-flex;
    }

    .ss-market-filter-block,
    .ss-brand-filter-block{
        padding:16px 14px!important;
        margin:0!important;
        border-bottom:1px solid var(--ss-border)!important;
    }

    .ss-market-category-list,
    .ss-brand-category-list{
        max-height:310px;
        overflow:auto;
        overscroll-behavior:contain;
        padding-right:2px;
    }

    .ss-market-filters .ss-brand-filter-submit,
    .ss-brand-sidebar .ss-brand-filter-submit{
        width:calc(100% - 28px)!important;
        margin:14px!important;
        min-height:46px!important;
    }

    .ss-market-brands-cta{
        margin:0!important;
        padding:17px 14px!important;
        border-top:1px solid var(--ss-border);
    }

    .ss-market-result-section + .ss-market-result-section{
        margin-top:40px;
        padding-top:30px;
    }

    .ss-market-result-section-head{
        margin-bottom:17px;
        align-items:flex-start;
    }

    .ss-market-result-section-head h3{
        font-size:27px;
    }

    .ss-market-result-section-head>a{
        font-size:7px;
    }

    .ss-market-brand-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }

    .ss-market-empty{
        min-height:150px;
        padding:22px 18px;
    }

    .ss-market-empty strong{
        font-size:17px;
    }

    .ss-market-empty span{
        font-size:11px;
    }

    .ss-legal-hero{
        padding:54px 18px 38px;
    }

    .ss-legal-hero h1{
        font-size:44px;
    }

    .ss-legal-body{
        width:auto;
        margin:0;
        padding:44px 18px 68px;
        font-size:13px;
        line-height:1.72;
    }

    .ss-legal-body h2{
        margin-top:38px;
        font-size:27px;
    }

    .ss-legal-body h3{
        font-size:19px;
    }

    .ss-legal-body table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }

    .ss-404{
        min-height:auto;
        padding:58px 18px 72px;
        grid-template-columns:1fr;
        gap:36px;
    }

    .ss-404-code{
        font-size:130px;
    }

    .ss-404-copy h1{
        font-size:44px;
    }

    .ss-404-copy p{
        font-size:13px;
    }

    .ss-404-actions{
        flex-direction:column;
    }

    .ss-404-actions a{
        width:100%;
    }
}