/*
Theme Name: Saras
Theme URI: https://saras.example
Author: Saras
Author URI: https://saras.example
Description: A premium, bilingual (Arabic/English RTL-ready) WooCommerce theme for Saras — an original Iraqi handmade organic skincare brand based in Basra. Built for WooCommerce + Polylang.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.5
Text Domain: saras
Domain Path: /languages
Tags: e-commerce, woocommerce, rtl-language-support, translation-ready, custom-menu, custom-logo, featured-images, threaded-comments

WooCommerce and Polylang are required plugins for full functionality (products/cart/checkout and Arabic/English switching). See README.md.
*/

/* =========================================================
   SARAS — design tokens
   Color: Sand #F5EFE3 (ground) · Ink #2B2620 (text) ·
          Palm #33452E (primary, date-palm green) ·
          Date #A9793C (warm gold-bronze accent) ·
          River #1E5C56 (Shatt al-Arab teal, links/state) ·
          Rose #C98F7B (soft skincare warmth, sparing use)
   Type:  Arabic display  = Noto Kufi Arabic · Arabic body = Tajawal
          English display = Fraunces · English body = Jost
   ========================================================= */
:root{
  --sand:#F5EFE3; --sand-2:#EDE4D2; --card:#FFFDF8;
  --ink:#2B2620; --ink-soft:#5B5346;
  --palm:#33452E; --palm-2:#243421; --palm-tint:#E4EAE0;
  --date:#A9793C; --date-tint:#F1E3CC;
  --river:#1E5C56; --river-tint:#DEEBE8;
  --rose:#C98F7B; --rose-tint:#F5E6E0;
  --border:#DED2B8; --shadow:0 10px 30px -14px rgba(43,38,32,.28);
  --radius:18px; --radius-sm:10px;
  --bg:var(--sand); --surface:var(--card); --text:var(--ink); --text-soft:var(--ink-soft);
  --accent:var(--palm); --accent-2:var(--date); --line:var(--border);
  --danger:#A6402F; --ok:#3E6B4A;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg); color:var(--text);
  font-family:'Jost','Tajawal',sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
html[dir="rtl"] body{font-family:'Tajawal','Jost',sans-serif;}
h1,h2,h3,.display{font-family:'Fraunces',serif; text-wrap:balance; letter-spacing:.2px;}
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] .display{
  font-family:'Noto Kufi Arabic','Tajawal',sans-serif; letter-spacing:0;
}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer;}
img,svg{max-width:100%; display:block;}
.container{max-width:1240px; margin-inline:auto; padding-inline:20px;}
.hide{display:none!important;}
::selection{background:var(--date-tint); color:var(--ink);}
ul.saras-plain{list-style:none; margin:0; padding:0;}

/* ---------- announcement bar ---------- */
.announce{background:var(--palm); color:#fff; text-align:center; font-size:13px;
  padding-block:9px; letter-spacing:.3px;}
.announce .container{display:flex; justify-content:center; gap:8px; flex-wrap:wrap;}

/* ---------- header ---------- */
header.site{position:sticky; top:0; z-index:60; background:color-mix(in srgb, var(--bg) 92%, transparent);
  backdrop-filter:blur(10px); border-bottom:1px solid var(--line);}
.nav-row{display:flex; align-items:center; gap:22px; padding-block:14px;}
.logo{display:flex; align-items:center; gap:10px; font-family:'Fraunces',serif; font-weight:600; font-size:22px; flex-shrink:0;}
html[dir="rtl"] .logo{font-family:'Noto Kufi Arabic',sans-serif;}
.logo img{width:38px; height:38px; flex-shrink:0; border-radius:50%;}
.logo .mark{width:38px; height:38px; flex-shrink:0;}
.logo small{display:block; font-family:'Jost',sans-serif; font-size:9px; letter-spacing:2.5px; color:var(--text-soft); font-weight:400; text-transform:uppercase; margin-top:2px;}
html[dir="rtl"] .logo small{font-family:'Tajawal',sans-serif; letter-spacing:.5px;}
nav.main-menu{display:flex; gap:20px; flex:1; justify-content:center; flex-wrap:wrap; list-style:none; margin:0; padding:0;}
nav.main-menu li{list-style:none;}
nav.main-menu a{font-size:14.5px; padding-block:6px; border-bottom:2px solid transparent; white-space:nowrap;}
nav.main-menu a:hover, nav.main-menu .current-menu-item>a{border-color:var(--accent-2); color:var(--accent);}
.nav-icons{display:flex; align-items:center; gap:6px; flex-shrink:0;}
.icon-btn{position:relative; width:38px; height:38px; border-radius:50%; border:1px solid transparent; background:none;
  display:flex; align-items:center; justify-content:center; color:var(--text);}
.icon-btn:hover{background:var(--palm-tint); border-color:var(--line);}
.icon-btn svg{width:19px; height:19px;}
.badge{position:absolute; top:-3px; inset-inline-end:-3px; background:var(--accent-2); color:#fff; font-size:10px; font-weight:700;
  min-width:16px; height:16px; border-radius:8px; display:flex; align-items:center; justify-content:center; padding-inline:3px;}
.lang-switch{display:flex; align-items:center; gap:4px; font-size:12.5px; border:1px solid var(--line); border-radius:20px; padding:3px; background:var(--surface);}
.lang-switch a{border:none; background:none; padding:5px 10px; border-radius:16px; color:var(--text-soft); font-size:12.5px;}
.lang-switch a.current{background:var(--palm); color:#fff;}
.menu-toggle{display:none; width:38px; height:38px; border:none; background:none; align-items:center; justify-content:center; flex-shrink:0;}
.menu-toggle svg{width:22px; height:22px;}
@media (max-width:980px){
  nav.main-menu{display:none;}
  .menu-toggle{display:flex;}
}
@media (max-width:640px){
  .nav-row{gap:6px;}
  .nav-icons{gap:0px;}
  .icon-btn{width:34px; height:34px;}
  .lang-switch{display:none;}
  .logo{font-size:18px;}
  .logo small{display:none;}
}

#mobileNav{position:fixed; inset:0; background:rgba(20,17,12,.5); z-index:90; display:none;}
#mobileNav.open{display:block;}
#mobileNav .panel{position:absolute; inset-block:0; inset-inline-start:0; width:82%; max-width:320px; background:var(--surface);
  padding:20px; overflow-y:auto; box-shadow:var(--shadow);}
html[dir="rtl"] #mobileNav .panel{inset-inline-start:auto; inset-inline-end:0;}
#mobileNav a{display:block; padding-block:12px; border-bottom:1px solid var(--line); font-size:16px;}
#mobileNav .lang-switch{display:flex; margin-bottom:18px;}

/* ---------- buttons ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 26px; border-radius:30px;
  font-size:14.5px; font-weight:600; border:1.5px solid transparent; transition:transform .15s ease; cursor:pointer;}
.btn:active{transform:scale(.97);}
.btn-primary{background:var(--palm); color:#fff;}
.btn-primary:hover{background:var(--palm-2); color:#fff;}
.btn-outline{background:transparent; border-color:var(--ink); color:var(--text);}
.btn-outline:hover{background:var(--ink); color:var(--bg);}
.btn-gold{background:var(--date); color:#2B2013;}
.btn-wa{background:#2FA96B; color:#fff;}
.btn-sm{padding:9px 18px; font-size:13px;}

/* ---------- hero ---------- */
.hero{padding-block:64px 40px; position:relative; overflow:hidden;}
.hero .container{display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center;}
@media (max-width:860px){
  .hero .container{grid-template-columns:1fr;}
  .hero-art{order:-1; max-width:340px; margin-inline:auto;}
}
.hero-eyebrow{display:inline-flex; align-items:center; gap:8px; background:var(--palm-tint); color:var(--palm); border:1px solid var(--line);
  padding:6px 14px; border-radius:20px; font-size:12.5px; letter-spacing:.5px; margin-bottom:20px;}
.hero h1{font-size:clamp(34px,4.6vw,58px); line-height:1.1; margin:0 0 18px;}
.hero p.lede{font-size:17px; color:var(--text-soft); max-width:46ch; margin:0 0 28px; line-height:1.7;}
.hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
.hero-stats{display:flex; gap:30px; margin-top:38px; flex-wrap:wrap;}
.hero-stats div b{display:block; font-family:'Fraunces',serif; font-size:26px; color:var(--palm);}
html[dir="rtl"] .hero-stats div b{font-family:'Noto Kufi Arabic',sans-serif;}
.hero-stats div span{font-size:12.5px; color:var(--text-soft);}
.hero-art{position:relative; aspect-ratio:1/1; border-radius:28px; overflow:hidden; background:var(--palm-tint); box-shadow:var(--shadow);}
.hero-art svg{width:100%; height:100%;}

/* ---------- sections ---------- */
section.saras-section{padding-block:56px;}
.sect-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:32px; flex-wrap:wrap;}
.sect-head .eyebrow{color:var(--accent-2); font-size:12.5px; letter-spacing:2px; text-transform:uppercase; font-weight:600; display:block; margin-bottom:8px;}
html[dir="rtl"] .sect-head .eyebrow{letter-spacing:.5px;}
.sect-head h2{font-size:clamp(26px,3vw,38px); margin:0;}
.sect-head p{color:var(--text-soft); max-width:60ch; margin:8px 0 0;}
.sect-alt{background:var(--sand-2);}

/* ---------- category cards ---------- */
.cat-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:16px;}
@media (max-width:980px){.cat-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:620px){.cat-grid{grid-template-columns:repeat(2,1fr);}}
.cat-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px 14px; text-align:center;
  transition:transform .2s ease, box-shadow .2s ease;}
.cat-card:hover{transform:translateY(-4px); box-shadow:var(--shadow);}
.cat-card .ic{width:46px; height:46px; margin:0 auto 12px; color:var(--palm);}
.cat-card h3{font-size:14.5px; margin:0 0 4px;}
.cat-card span{font-size:11.5px; color:var(--text-soft);}

/* ---------- skin type ---------- */
.skin-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:14px;}
@media (max-width:980px){.skin-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:560px){.skin-grid{grid-template-columns:repeat(2,1fr);}}
.skin-card{cursor:pointer; border-radius:var(--radius-sm); overflow:hidden; position:relative; aspect-ratio:1/.85; border:1px solid var(--line); background:var(--sand-2);}
.skin-card span{position:absolute; inset-inline:0; bottom:0; padding:10px 8px; background:linear-gradient(0deg,rgba(20,17,12,.72),transparent);
  color:#fff; font-size:12.5px; font-weight:600;}

/* ---------- product grid (WooCommerce loop styling) ---------- */
.woocommerce ul.products, .prod-grid{display:grid !important; grid-template-columns:repeat(4,1fr); gap:22px; list-style:none; margin:0; padding:0;}
@media (max-width:1080px){.woocommerce ul.products, .prod-grid{grid-template-columns:repeat(3,1fr) !important;}}
@media (max-width:760px){.woocommerce ul.products, .prod-grid{grid-template-columns:repeat(2,1fr) !important; gap:14px;}}
.woocommerce ul.products li.product, .p-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  display:flex; flex-direction:column; transition:box-shadow .2s ease, transform .2s ease; list-style:none; padding:0 !important; margin:0 !important;}
.woocommerce ul.products li.product:hover, .p-card:hover{box-shadow:var(--shadow); transform:translateY(-3px);}
.woocommerce ul.products li.product img{aspect-ratio:1/1; object-fit:cover; width:100%; border-radius:0;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px; font-weight:600; margin:10px 14px 4px; padding:0;}
.woocommerce ul.products li.product .price{font-weight:700; font-size:15.5px; margin:0 14px 10px; color:var(--text);}
.woocommerce ul.products li.product .price ins{color:var(--text); text-decoration:none; font-weight:700;}
.woocommerce ul.products li.product .price del{color:var(--text-soft); font-size:.85em;}
.woocommerce ul.products li.product .button{margin:0 14px 16px; width:calc(100% - 28px); background:var(--palm); color:#fff; border-radius:30px;
  padding:12px; text-align:center; font-size:14px; font-weight:600; border:none;}
.woocommerce ul.products li.product .button:hover{background:var(--palm-2);}
.woocommerce ul.products li.product .onsale{background:var(--danger); color:#fff; border-radius:12px; font-size:10.5px; font-weight:700;
  padding:4px 9px; position:absolute; top:10px; inset-inline-start:10px; min-height:auto; min-width:auto; line-height:1.4; left:auto; right:auto; top:10px;}
html[dir="rtl"] .woocommerce ul.products li.product .onsale{left:auto; right:10px;}
html:not([dir="rtl"]) .woocommerce ul.products li.product .onsale{left:10px; right:auto;}
.woocommerce ul.products li.product{position:relative;}
.saras-wish-btn{position:absolute; top:10px; inset-inline-end:10px; z-index:2; width:32px; height:32px; border-radius:50%; border:none;
  background:rgba(255,255,255,.92); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.12);
  padding:0; transition:transform .15s ease;}
.saras-wish-btn:hover{transform:scale(1.08);}
.saras-wish-btn svg{width:16px; height:16px; stroke:var(--palm-2); fill:none; stroke-width:2;}
.saras-wish-btn.active svg{fill:var(--danger); stroke:var(--danger);}
.saras-new-badge{position:absolute; top:10px; inset-inline-start:10px; z-index:2; background:var(--river); color:#fff; font-size:10.5px;
  font-weight:700; border-radius:12px; padding:4px 9px; line-height:1.4;}
.woocommerce nav.woocommerce-pagination{margin-top:30px; text-align:center;}
.woocommerce nav.woocommerce-pagination a, .woocommerce nav.woocommerce-pagination span.current{
  border:1px solid var(--line) !important; border-radius:8px !important; color:var(--text) !important; margin-inline-end:4px;}

/* ---------- single product ---------- */
.woocommerce div.product .woocommerce-product-gallery{border-radius:var(--radius); overflow:hidden; border:1px solid var(--line);}
.woocommerce div.product .summary{padding-inline-start:8px;}
html[dir="rtl"] .woocommerce div.product .summary{padding-inline-start:0; padding-inline-end:8px;}
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--text); font-size:24px; font-weight:700;}
.woocommerce div.product .single_add_to_cart_button{background:var(--palm) !important; border-radius:30px !important; padding:14px 30px !important;
  font-weight:600 !important; border:none !important; color:#fff !important;}
.woocommerce div.product .single_add_to_cart_button:hover{background:var(--palm-2) !important;}
.woocommerce #reviews h2, .woocommerce-tabs h2{font-family:'Fraunces',serif;}
html[dir="rtl"] .woocommerce #reviews h2, html[dir="rtl"] .woocommerce-tabs h2{font-family:'Noto Kufi Arabic',sans-serif;}
.woocommerce-tabs ul.tabs{border-bottom:1px solid var(--line); display:flex; gap:6px; list-style:none; padding:0; margin:0 0 24px;}
.woocommerce-tabs ul.tabs li{list-style:none; margin:0;}
.woocommerce-tabs ul.tabs li a{display:block; padding:12px 18px; border-radius:10px 10px 0 0; color:var(--text-soft); font-size:14px;}
.woocommerce-tabs ul.tabs li.active a{background:var(--palm-tint); color:var(--palm); font-weight:600;}

/* ---------- cart & checkout ---------- */
.woocommerce table.shop_table{border-radius:var(--radius); border:1px solid var(--line); overflow:hidden;}
.woocommerce-cart table.cart img{border-radius:10px;}
.woocommerce #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{background:var(--palm-tint) !important;}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background:var(--palm); color:#fff; border-radius:30px; padding:13px 24px;
  border:none; font-weight:600;}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background:var(--palm-2); color:#fff;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{
  border:1px solid var(--line); border-radius:10px; padding:12px 14px; background:var(--surface); color:var(--text);}
.woocommerce-checkout-review-order{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px;}

/* ---------- ingredients ---------- */
.ing-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:14px;}
@media (max-width:980px){.ing-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:620px){.ing-grid{grid-template-columns:repeat(3,1fr);}}
.ing-item{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); padding:16px 10px; text-align:center; cursor:pointer;}
.ing-item:hover{border-color:var(--accent-2);}
.ing-item .ic{width:34px; height:34px; margin:0 auto 8px; color:var(--river);}
.ing-item span{font-size:12px; font-weight:600;}
.ing-detail{display:none; margin-top:24px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px;}
.ing-detail.open{display:block;}

/* ---------- process ---------- */
.process-wrap{display:flex; flex-direction:column;}
.p-step{display:grid; grid-template-columns:70px 1fr; gap:20px; padding-block:22px; border-top:1px solid var(--line);}
.p-step:last-child{border-bottom:1px solid var(--line);}
.p-step .num{font-family:'Fraunces',serif; font-size:30px; color:var(--date); align-self:start;}
html[dir="rtl"] .p-step .num{font-family:'Noto Kufi Arabic',sans-serif;}
.p-step h4{margin:0 0 6px; font-size:17px;}
.p-step p{margin:0; color:var(--text-soft); font-size:14px; max-width:60ch; line-height:1.6;}

/* ---------- why choose us ---------- */
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
@media (max-width:760px){.why-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.why-grid{grid-template-columns:1fr;}}
.why-item{display:flex; gap:14px; align-items:flex-start;}
.why-item .ic{width:42px; height:42px; flex-shrink:0; color:var(--palm); background:var(--palm-tint); border-radius:50%; padding:9px;}
.why-item h4{margin:0 0 4px; font-size:15px;}
.why-item p{margin:0; font-size:13px; color:var(--text-soft); line-height:1.6;}

/* ---------- delivery box ---------- */
.deliver-box{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; background:var(--palm); color:#fff;
  border-radius:28px; padding:44px; overflow:hidden; position:relative;}
@media (max-width:820px){.deliver-box{grid-template-columns:1fr;}}
.deliver-box h2{color:#fff;}
.deliver-box p{color:#E8EEE4; line-height:1.7;}
.deliver-list{list-style:none; padding:0; margin:18px 0 0; display:flex; flex-direction:column; gap:10px;}
.deliver-list li{display:flex; gap:10px; align-items:flex-start; font-size:14px;}
.deliver-list svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--date);}
.deliver-art{aspect-ratio:1/1;}
.deliver-art svg{width:100%;height:100%;}

/* ---------- blog ---------- */
.blog-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
@media (max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.blog-grid{grid-template-columns:1fr;}}
.blog-card{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:var(--surface);}
.blog-media{aspect-ratio:4/3; background:var(--river-tint); overflow:hidden;}
.blog-media img{width:100%; height:100%; object-fit:cover;}
.blog-body{padding:14px;}
.blog-cat{font-size:10.5px; color:var(--river); text-transform:uppercase; letter-spacing:1px; font-weight:700;}
.blog-body h4{font-size:14.5px; margin:8px 0 0; line-height:1.5;}

/* ---------- about page ---------- */
.about-hero{display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:center;}
@media (max-width:820px){.about-hero{grid-template-columns:1fr;}}
.about-hero p{line-height:1.85; color:var(--text-soft); font-size:15.5px;}
.saras-page-content{max-width:800px; margin-inline:auto; padding-block:50px;}
.saras-page-content p{line-height:1.85; color:var(--text-soft); font-size:15.5px;}
.about-content{padding-block:0 10px;}
.about-content h2{font-size:clamp(22px,2.6vw,30px); margin:44px 0 16px;}
.about-content h2:first-child{margin-top:0;}
.about-content blockquote{font-family:'Fraunces',serif; font-style:italic; font-size:clamp(20px,2.4vw,27px); line-height:1.6; color:var(--palm-2);
  border-inline-start:3px solid var(--accent-2); margin:34px 0; padding-inline-start:24px;}
html[dir="rtl"] .about-content blockquote{font-family:'Noto Kufi Arabic',sans-serif; font-style:normal;}
.about-content ul{padding-inline-start:20px; color:var(--text-soft); line-height:1.85; font-size:15.5px;}

/* ---------- footer ---------- */
footer.site{background:var(--palm-2); color:#EFE7D8; padding-block:52px 24px; margin-top:60px;}
.foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:34px;}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr;}}
footer.site h4{font-size:13px; text-transform:uppercase; letter-spacing:1.5px; color:var(--date); margin:0 0 14px;}
footer.site ul{list-style:none; margin:0; padding:0;}
footer.site a{display:block; font-size:13.5px; color:#D8CFBB; padding-block:5px;}
footer.site a:hover{color:#fff;}
.foot-logo{display:flex; align-items:center; gap:10px; font-family:'Fraunces',serif; font-size:22px; color:#fff; margin-bottom:12px;}
html[dir="rtl"] .foot-logo{font-family:'Noto Kufi Arabic',sans-serif;}
.foot-logo img{width:34px;height:34px; border-radius:50%;}
.foot-desc{font-size:13.5px; color:#C9BDA8; line-height:1.7; max-width:34ch;}
.foot-social{display:flex; gap:10px; margin-top:16px;}
.foot-social a{width:36px; height:36px; border:1px solid #4A5A44; border-radius:50%; display:flex; align-items:center; justify-content:center; padding:0;}
.foot-social svg{width:16px;height:16px;}
.foot-bottom{border-top:1px solid #3E4E38; margin-top:36px; padding-top:20px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;
  font-size:12px; color:#A79C86;}

/* ---------- whatsapp float ---------- */
.wa-float{position:fixed; bottom:22px; inset-inline-end:22px; z-index:70; display:flex; align-items:center; gap:10px;
  background:#2FA96B; color:#fff; padding:13px 18px; border-radius:32px; box-shadow:0 10px 24px -8px rgba(0,0,0,.4); font-size:13.5px; font-weight:600;}
.wa-float svg{width:22px;height:22px;}
@media (max-width:600px){.wa-float span{display:none;} .wa-float{padding:14px; bottom:22px;}}

/* ---------- misc ---------- */
.badge-row{display:flex; gap:8px; flex-wrap:wrap; margin-top:16px;}
.mini-badge{display:flex; align-items:center; gap:6px; font-size:11.5px; color:var(--text-soft); border:1px solid var(--line); border-radius:16px; padding:5px 10px;}
.mini-badge svg{width:13px;height:13px;}
.breadcrumb{font-size:12.5px; color:var(--text-soft); margin-bottom:18px;}
@media(prefers-reduced-motion: reduce){*{animation-duration:.01ms!important; transition-duration:.01ms!important;}}