/* «التوصيل والدفع» accordion (shared by the product page and the home section «info»): round tinted icon, title, chevron, thin separators.
   The details open inside their own row. Variables fall back to the palette so it works outside the product layout too. */
.cod-info{
	--ci-gold:var(--cod-accent,var(--pal-accent,var(--primary,#ff8a00)));
	--ci-hair:color-mix(in srgb,var(--ci-gold) 22%,var(--pal-line,var(--line,#e6e6e6)));
	--ci-soft:var(--pal-soft,color-mix(in srgb,var(--ci-gold) 11%,#fff));
	--ci-lo:var(--pal-accent-lo,color-mix(in srgb,var(--ci-gold) 62%,#000));
	--ci-night:var(--cod-dark,var(--pal-night,#111));
	--ci-champ:var(--pal-gold,color-mix(in srgb,var(--ci-gold) 62%,#fff));
	--ci-ease:cubic-bezier(.22,.8,.3,1);
	margin:0 0 16px;padding:2px 6px;background:var(--pal-surface,#fff);border:1px solid var(--ci-hair);border-radius:22px;box-shadow:0 14px 34px -26px rgba(0,0,0,.35);
}
.cod-info.has-title{padding-top:6px}
.cod-info-title{margin:0;padding:14px 14px 6px;font-size:17px;font-weight:800;line-height:1.5;color:var(--pal-ink,var(--ink,#111))}
.cod-info-row+.cod-info-row{border-top:1px solid var(--ci-hair)}
.cod-info-h{margin:0;font:inherit}
.cod-info-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 10px;border:0;background:none;color:var(--pal-ink,var(--ink,#111));font:inherit;font-weight:800;font-size:16px;line-height:1.5;text-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;transition:background-color .2s}
.cod-info-btn:active{background:var(--ci-soft)}
.cod-info-btn:focus-visible{outline:2px solid var(--ci-night);outline-offset:-2px}
.cod-info-ico{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--ci-soft);color:var(--ci-lo)}
.cod-info-ico .icon{width:21px;height:21px}
.cod-info-t{flex:1;min-width:0}
.cod-info-chev{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;color:var(--muted,#6b6b6b);transform:rotate(90deg);transition:transform .35s var(--ci-ease),color .2s}
.cod-info-chev .icon{width:18px;height:18px}
.cod-info-btn[aria-expanded="true"] .cod-info-chev{transform:rotate(-90deg);color:var(--ci-lo)}
.cod-info-btn[aria-expanded="true"] .cod-info-ico{background:var(--ci-night);color:var(--ci-champ)}
.cod-info-lines{margin:0;padding:2px 12px 16px;list-style:none;font-size:14.5px;line-height:2;color:#333}
.cod-info-lines li{position:relative;padding-inline-start:20px}
.cod-info-lines li+li{margin-top:2px}
.cod-info-lines li::before{content:"";position:absolute;inset-inline-start:2px;top:.95em;width:7px;height:7px;border-radius:50%;background:var(--ci-gold)}
.cod-info-lines strong{color:var(--pal-ink,var(--ink,#111));font-weight:800;overflow-wrap:anywhere;direction:ltr;unicode-bidi:plaintext}
/* closed panels only once the script is ready: without it everything stays readable */
.cod-info.is-ready .cod-info-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .38s var(--ci-ease),visibility 0s linear .38s}
.cod-info.is-ready .cod-info-row.is-open .cod-info-panel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .38s var(--ci-ease),visibility 0s}
.cod-info.is-ready .cod-info-clip{overflow:hidden;min-height:0}
/* home section: same card, the section's own rhythm */
.home-section.sz-home-info{margin-block:6px 26px}
.home-section.sz-home-info .cod-info{margin:0}
@media(prefers-reduced-motion:reduce){.cod-info.is-ready .cod-info-panel,.cod-info-chev{transition:none}}