/* Anatolia Commerce OS — shared storefront platform enhancements v1.9.0 */
:root{
    --platform-green:#183b2a;
    --platform-green-2:#23513a;
    --platform-cream:#f6f4ed;
    --platform-border:rgba(23,43,31,.14);
    --platform-shadow:0 18px 50px rgba(14,35,23,.16);
    --platform-safe-bottom:env(safe-area-inset-bottom,0px);
}
html{max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip}
img,video,iframe{max-width:100%}
.platform-social{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.platform-social a{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:inherit;opacity:.82;transition:transform .22s ease,opacity .22s ease,background .22s ease,color .22s ease;text-decoration:none}
.platform-social a:hover{transform:translateY(-2px);opacity:1;background:currentColor}
.platform-social a:hover svg{color:#fff}
.platform-social svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.platform-social svg path:not(.platform-social-fill)[d*="M14.4 21"],.platform-social svg path[d*="M15 3"],.platform-social svg path[d*="m21 4"]{fill:currentColor;stroke:none}
.platform-social-fill{fill:currentColor;stroke:none}
.platform-social--header{gap:5px;margin-inline-end:4px}
.platform-social--header a{width:30px;height:30px;border-color:color-mix(in srgb,currentColor 25%,transparent)}
.platform-social--footer{margin-top:16px}
.platform-social--footer a{border-color:color-mix(in srgb,currentColor 35%,transparent)}
.platform-whatsapp{position:fixed;z-index:9997;bottom:28px;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#20b859;color:#fff;box-shadow:0 14px 34px rgba(20,130,67,.36);transition:transform .25s ease,box-shadow .25s ease;text-decoration:none}
.platform-whatsapp--right{right:24px}.platform-whatsapp--left{left:24px}
.platform-whatsapp:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 18px 42px rgba(20,130,67,.42)}
.platform-whatsapp svg{width:32px;height:32px;fill:currentColor;position:relative;z-index:2}
.platform-whatsapp__rings{position:absolute;inset:-1px;border-radius:inherit;border:2px solid rgba(32,184,89,.48);opacity:0}
.platform-whatsapp.is-pulsing .platform-whatsapp__rings{animation:platform-whatsapp-pulse 2.2s ease-out infinite}
.platform-whatsapp__label{position:absolute;white-space:nowrap;inset-inline-end:calc(100% + 11px);background:#173d29;color:#fff;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transform:translateX(7px);transition:.2s}
.platform-whatsapp--left .platform-whatsapp__label{inset-inline-end:auto;inset-inline-start:calc(100% + 11px);transform:translateX(-7px)}
.platform-whatsapp:hover .platform-whatsapp__label{opacity:1;transform:translateX(0)}
@keyframes platform-whatsapp-pulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.55);opacity:0}}
.platform-mobile-nav{display:none}
.platform-install-prompt{position:fixed;z-index:9998;inset-inline:18px;bottom:18px;margin:auto;max-width:620px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px 14px;background:#fff;color:#17251b;border:1px solid var(--platform-border);border-radius:18px;box-shadow:var(--platform-shadow)}
.platform-install-prompt[hidden]{display:none!important}
.platform-install-prompt__icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--platform-green);color:#fff;font:600 22px Georgia,serif}
.platform-install-prompt strong,.platform-install-prompt span{display:block}.platform-install-prompt span{font-size:12px;color:#6a756d;margin-top:3px}
.platform-install-prompt [data-pwa-install-button]{border:0;border-radius:10px;background:var(--platform-green);color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}
.platform-install-prompt__close{border:0;background:transparent;color:#6d756f;font-size:22px;cursor:pointer;padding:4px}
.platform-connection-toast{position:fixed;z-index:9999;inset-inline:16px;bottom:18px;margin:auto;max-width:420px;background:#17251b;color:#fff;border-radius:12px;padding:12px 16px;text-align:center;font-size:13px;box-shadow:var(--platform-shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}
.platform-connection-toast.is-visible{opacity:1;transform:translateY(0)}
.platform-connection-toast.is-online{background:#1e7d47}

/* Header integrations across all engines */
.fx-actions>.platform-social,.al-actions>.platform-social,.rr-header-actions>.platform-social,.av-actions>.platform-social,.header-actions>.platform-social{flex:0 0 auto}
.rr-header-actions .platform-social a,.av-actions .platform-social a{width:30px;height:30px}
.rr-footer-brand>.platform-social,.av-footer-grid>div:first-child>.platform-social{margin-top:16px}

/* Universal mobile stability */
@media (max-width:1180px){
    .platform-social--header{display:none}
}
@media (max-width:900px){
    body{padding-bottom:calc(72px + var(--platform-safe-bottom))}
    .platform-mobile-nav{position:fixed;z-index:9995;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;min-height:64px;padding:6px 8px calc(6px + var(--platform-safe-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid rgba(19,43,28,.13);box-shadow:0 -10px 32px rgba(20,40,26,.08)}
    .platform-mobile-nav a{position:relative;display:grid;place-items:center;align-content:center;gap:3px;color:#707972;text-decoration:none;font-size:10px;font-weight:700;min-width:0}
    .platform-mobile-nav a.active{color:var(--platform-green)}
    .platform-mobile-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
    .platform-mobile-nav b{position:absolute;top:1px;inset-inline-end:calc(50% - 22px);min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:var(--platform-green);color:#fff;font-size:9px;display:grid;place-items:center}
    .platform-whatsapp{width:54px;height:54px;bottom:calc(80px + var(--platform-safe-bottom))}
    .platform-whatsapp--right{right:16px}.platform-whatsapp--left{left:16px}
    .platform-whatsapp__label{display:none}
    .platform-install-prompt{bottom:calc(78px + var(--platform-safe-bottom));grid-template-columns:auto 1fr auto;padding:12px}
    .platform-install-prompt__close{position:absolute;top:3px;inset-inline-end:5px}
    .platform-install-prompt [data-pwa-install-button]{padding:10px 13px}
    .platform-connection-toast{bottom:calc(80px + var(--platform-safe-bottom))}
    .fx-footer,.rr-native-footer,.av-footer,.site-footer{padding-bottom:calc(76px + var(--platform-safe-bottom))}
}
@media (max-width:767px){
    .fx-shell,.rr-container,.av-container,.header-inner,.footer-grid,.newsletter{width:min(100% - 28px,100%)!important}
    .fx-header,.al-header,.rr-native-header,.av-header,.site-header{max-width:100vw}
    .fx-header-inner,.al-header-main,.rr-header-middle-grid,.av-mainnav-inner,.header-inner{min-width:0}
    .rr-search,.av-header-search{min-width:0}
    .rr-search input,.av-header-search input{min-width:0;width:100%}
    .rr-primary-nav,.rr-category-strip,.av-organic-categories,.av-department-bar,.al-category-strip{overflow-x:auto;scrollbar-width:none}
    .rr-primary-nav::-webkit-scrollbar,.rr-category-strip::-webkit-scrollbar,.av-organic-categories::-webkit-scrollbar,.av-department-bar::-webkit-scrollbar,.al-category-strip::-webkit-scrollbar{display:none}
    .fx-products-grid,.rr-products-grid,.av-products-grid,.product-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
    .fx-product-card,.rr-product-card,.av-product-card,.product-card{min-width:0}
    .fx-product-card h3,.rr-product-card h3,.av-product-card h3,.product-card h3{font-size:14px;line-height:1.3}
    .fx-product-page,.rr-product-layout,.av-product-layout,.product-layout{grid-template-columns:1fr!important}
    .fx-checkout-grid,.rr-checkout-grid,.av-checkout-grid,.checkout-grid{grid-template-columns:1fr!important}
    .fx-footer-grid,.rr-footer-grid,.av-footer-grid,.footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 18px!important}
}
@media (max-width:520px){
    .fx-products-grid,.rr-products-grid,.av-products-grid,.product-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
    .fx-footer-grid,.rr-footer-grid,.av-footer-grid,.footer-grid{grid-template-columns:1fr!important}
    .platform-install-prompt{grid-template-columns:auto 1fr}
    .platform-install-prompt [data-pwa-install-button]{grid-column:1/-1;width:100%}
}

/* Accessibility and safe interaction */
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.platform-social--drawer{margin:18px 0 4px;padding:14px 0;border-top:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.platform-social--header.platform-social--drawer{display:flex}
.platform-social--drawer a{width:38px;height:38px}

/* v1.9.4 — cross-theme mobile consistency */
@media(max-width:640px){
  .rr-promo-bar,.av-topnav{margin:0!important}
  .rr-promo-bar .rr-container,.av-topnav>.av-container{min-height:34px!important;padding-block:6px;text-align:center;justify-content:center}
  .rr-promo-bar span,.av-topnav span{font-size:10px;line-height:1.35}
  .rr-mobile-drawer,.av-drawer{inset:0!important;width:100vw!important;max-width:none!important;min-height:100dvh;background:#fff!important;opacity:1!important;box-shadow:none!important;overflow-y:auto;overscroll-behavior:contain}
  [dir=rtl] .rr-mobile-drawer,[dir=rtl] .av-drawer{inset:0!important}
  .rr-benefit-grid,.av-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important}
  .rr-benefit-grid article,.av-benefit-grid article{min-width:0;min-height:130px;padding:16px 12px;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;background:color-mix(in srgb,currentColor 5%,transparent)}
  .rr-benefit-grid article>div,.av-benefit-grid article>div{grid-row:auto!important}
  .rr-benefit-grid h3,.av-benefit-grid h3{font-size:13px!important;line-height:1.25;overflow-wrap:anywhere}
  .rr-benefit-grid p,.av-benefit-grid p{font-size:10px!important;line-height:1.4;overflow-wrap:anywhere}
  .rr-cols-4,.rr-cols-3,.rr-cols-2,.rr-category-grid.rr-cols-3,.av-cols-4,.av-cols-3,.av-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .rr-category-card h3,.av-category-card h3{font-size:18px!important;overflow-wrap:anywhere}
  .rr-footer-grid,.av-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 16px!important}
}
@media(max-width:370px){
  .rr-footer-grid,.av-footer-grid{grid-template-columns:1fr!important}
}
