/*
Theme Name: ATOM v2
Theme URI: https://atomtv.store
Description: Custom theme for ATOM brand
Author: Bachir
Version: 1.0
Text Direction: RTL
*/

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Cairo',sans-serif;background:#000212;color:#fff;direction:rtl;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* ── NAVBAR ── */
/* ── NAVBAR ── */
.atom-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(0,2,18,0.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.07);height:64px;transition:transform 0.35s cubic-bezier(.4,0,.2,1),opacity 0.35s;}
.atom-nav-hidden{transform:translateY(-100%);opacity:0;}
.atom-nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.atom-nav-brand{display:flex;align-items:center;flex-shrink:0;}
.atom-nav-logo{height:36px;object-fit:contain;}
.atom-nav-logo-text{font-size:22px;font-weight:900;color:#fff;letter-spacing:1px;}
/* links */
.atom-nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0;}
.atom-nav-link{position:relative;display:flex;align-items:center;gap:5px;padding:8px 14px;font-size:14px;font-weight:600;color:rgba(255,255,255,0.65);border-radius:8px;transition:color 0.2s,background 0.2s;white-space:nowrap;}
.atom-nav-link:hover{color:#fff;background:rgba(255,255,255,0.07);}
.atom-atom-nav-icon{font-size:14px;}
.atom-nav-chevron{margin-right:4px;transition:transform 0.2s;flex-shrink:0;}
/* hover underline */
.atom-nav-underline{position:absolute;bottom:4px;right:14px;left:14px;height:2px;background:#00C8DC;border-radius:2px;transform:scaleX(0);transition:transform 0.22s cubic-bezier(.4,0,.2,1);transform-origin:center;}
.atom-nav-link:hover .atom-nav-underline{transform:scaleX(1);}
/* dropdown */
.atom-nav-has-drop{position:relative;}
.atom-nav-has-drop.open .atom-nav-chevron{transform:rotate(180deg);}
.atom-nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:rgba(6,10,32,0.98);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:6px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s,visibility 0.2s;z-index:100;}
.atom-nav-has-drop.open .atom-nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.atom-drop-item{display:block;padding:10px 14px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.7);border-radius:8px;transition:background 0.15s,color 0.15s;}
.atom-drop-item:hover{background:rgba(0,200,220,0.1);color:#00C8DC;}
/* actions */
.atom-nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.atom-nav-cart{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:rgba(255,255,255,0.6);padding:7px 12px;border-radius:8px;transition:color 0.2s,background 0.2s;}
.atom-nav-cart:hover{color:#fff;background:rgba(255,255,255,0.07);}
.atom-nav-cta{background:linear-gradient(135deg,#00C8DC,#0099B0);color:#fff;font-family:'Cairo',sans-serif;font-size:14px;font-weight:700;padding:9px 22px;border-radius:50px;border:none;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap;}
.atom-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,200,220,0.4);color:#fff;}
/* burger */
.atom-nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.atom-nav-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform 0.25s,opacity 0.25s;}
.atom-nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.atom-nav-burger.open span:nth-child(2){opacity:0;}
.atom-nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
/* mobile menu */
.atom-nav-mobile{display:none;position:fixed;top:64px;left:0;right:0;background:rgba(0,2,18,0.98);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.08);flex-direction:column;padding:12px 16px 20px;z-index:999;transform:translateY(-10px);opacity:0;transition:opacity 0.25s,transform 0.25s;pointer-events:none;}
.atom-nav-mobile.open{opacity:1;transform:translateY(0);pointer-events:all;}
.atom-mob-link{padding:12px 8px;font-size:15px;font-weight:700;color:rgba(255,255,255,0.8);border-bottom:1px solid rgba(255,255,255,0.05);}
.atom-mob-link:hover{color:#00C8DC;}
.atom-mob-sub{padding:9px 8px 9px 24px;font-size:13px;color:rgba(255,255,255,0.5);}
.atom-mob-sub:hover{color:#00C8DC;}
.atom-mob-cta{display:block;margin-top:14px;background:linear-gradient(135deg,#00C8DC,#0099B0);color:#fff;text-align:center;padding:13px;border-radius:50px;font-size:15px;font-weight:800;}
@media(max-width:768px){
  .atom-nav-links,.atom-nav-cart,.atom-nav-cart-label{display:none;}
  .atom-nav-burger,.atom-nav-mobile{display:flex;}
}

/* ── HERO ── */
.atom-hero{min-height:100vh;background:#000212;display:flex;align-items:center;padding:100px 24px 60px;position:relative;overflow:hidden;}
.atom-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 60px,rgba(0,200,220,0.025) 60px,rgba(0,200,220,0.025) 62px);}
.atom-hero-glow{position:absolute;top:30%;right:35%;width:500px;height:350px;background:radial-gradient(ellipse,rgba(0,180,220,0.1) 0%,transparent 70%);pointer-events:none;}
.atom-hero-inner{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2;}
.atom-hero-badge{display:inline-block;background:rgba(0,200,220,0.15);border:1px solid rgba(0,200,220,0.4);color:#00C8DC;font-size:12px;font-weight:700;padding:5px 14px;border-radius:30px;margin-bottom:18px;letter-spacing:1px;}
.atom-hero-title{font-size:clamp(34px,5.5vw,64px);font-weight:900;line-height:1.15;margin-bottom:14px;}
.atom-hero-title span{color:#00C8DC;}
.atom-hero-sub{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.8;margin-bottom:24px;max-width:440px;}
.atom-hero-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;justify-content:flex-end;}
.atom-spec-tag{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.75);font-size:11px;font-weight:700;padding:5px 11px;border-radius:6px;}
.atom-hero-price{font-size:38px;font-weight:900;margin-bottom:28px;}
.atom-hero-price small{font-size:15px;color:rgba(255,255,255,0.45);font-weight:400;}
.atom-hero-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.atom-btn-primary{background:linear-gradient(135deg,#00C8DC,#0099B0);color:#fff;font-family:'Cairo',sans-serif;font-size:15px;font-weight:800;padding:14px 30px;border-radius:50px;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(0,200,220,0.35);transition:transform 0.2s,box-shadow 0.2s;display:inline-block;text-align:center;}
.atom-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,200,220,0.5);color:#fff;}
.atom-prod-card .atom-btn-shiny{display:table;margin-left:auto;margin-right:auto;}
.atom-btn-shiny{position:relative;padding:2px;border-radius:16px;border:none;cursor:pointer;background:radial-gradient(circle 80px at 80% -10%,#ffffff,#181b1b);transition:all 0.3s;display:inline-block;text-decoration:none;font-family:'Cairo',sans-serif;font-weight:800;overflow:hidden;}
.atom-btn-shiny::before{content:'';position:absolute;top:0;right:0;width:65%;height:60%;border-radius:120px;box-shadow:0 0 20px #ffffff38;z-index:0;transition:box-shadow 0.3s;}
.atom-btn-shiny:hover::before{box-shadow:0 0 40px #ffffff60;}
.atom-btn-shiny::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:50%;border-radius:17px;background:radial-gradient(circle 60px at 0% 100%,#3fff75,#00ff8050,transparent);box-shadow:-2px 9px 40px #00ff2d40;transition:width 0.3s,box-shadow 0.3s;}
.atom-btn-shiny:hover::after{width:90px;box-shadow:-4px 1px 45px #00ff2d60;}
.atom-btn-shiny-in{position:relative;display:block;padding:13px 28px;border-radius:14px;color:#fff;font-size:14px;background:radial-gradient(circle 80px at 80% -50%,#555,#0f1111);z-index:1;transition:transform 0.3s;text-align:center;}
.atom-btn-shiny:hover .atom-btn-shiny-in{transform:scale(1.04);}
.atom-btn-shiny-in::after{content:'';position:absolute;inset:0;border-radius:14px;background:radial-gradient(circle 60px at 0% 100%,#00e1ff1a,#0000ff11,transparent);z-index:-1;}
.atom-btn-outline{background:transparent;color:#fff;font-family:'Cairo',sans-serif;font-size:15px;font-weight:600;padding:14px 28px;border-radius:50px;border:1px solid rgba(255,255,255,0.25);cursor:pointer;transition:border-color 0.2s,color 0.2s;display:inline-block;text-align:center;}
.atom-btn-outline:hover{border-color:#00C8DC;color:#00C8DC;}
.atom-hero-img{display:flex;align-items:center;justify-content:center;perspective:1400px;}
.atom-hero-img img{max-height:680px;width:100%;object-fit:contain;filter:drop-shadow(-22px 28px 45px rgba(0,200,220,0.5)) drop-shadow(0 0 80px rgba(0,200,220,0.25)) drop-shadow(18px -12px 30px rgba(0,80,140,0.3));animation:floatImg 4s ease-in-out infinite;transform-origin:center center;will-change:transform;}
@keyframes floatImg{0%,100%{transform:perspective(1400px) rotateY(-12deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-8deg) rotateX(3deg) translateY(-20px)}}
.woocommerce-table--order-details tfoot tr:has(a.cancel),.woocommerce-table--order-details tfoot tr:has(a.pay),.woocommerce-table--order-details tfoot tr:has(.woocommerce-button){display:none!important;}
@media(max-width:768px){.atom-hero{min-height:auto;padding:0 16px 40px;}.atom-hero-inner{grid-template-columns:1fr;gap:16px;padding-top:68px;}.atom-hero-img{order:-1;}.atom-hero-img img{max-height:420px;width:100%;object-fit:contain;}.atom-hero-title,.atom-hero-sub,.atom-hero-btns,.atom-hero-specs,.atom-hero-price{text-align:center;justify-content:center;}.atom-hero-sub{display:none;}.atom-hero-price{font-size:28px;margin-bottom:16px;}}

/* ── WORLD CUP ── */
.atom-wc{background:#000212;position:relative;overflow:hidden;}
.atom-wc-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:500px;align-items:center;}
.atom-wc-img{height:500px;overflow:hidden;}
.atom-wc-img img{width:100%;height:100%;object-fit:cover;}
.atom-wc-content{padding:60px 48px;background:linear-gradient(135deg,#000212 0%,#060A20 100%);}
.atom-wc-eyebrow{color:#00C8DC;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;}
.atom-wc-title{font-size:clamp(24px,3.5vw,40px);font-weight:900;line-height:1.25;margin-bottom:16px;}
.atom-wc-title span{color:#00C8DC;}
.atom-wc-sub{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.8;margin-bottom:28px;}
@media(max-width:768px){.atom-wc-inner{grid-template-columns:1fr;}.atom-wc-img{height:250px;}.atom-wc-content{padding:32px 24px;}}

/* ── PRODUCTS ── */
.atom-products{background:#060A20;padding:80px 24px;}
.atom-products-inner{max-width:1100px;margin:0 auto;}
.atom-sec-eyebrow{text-align:center;color:#00C8DC;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.atom-sec-title{text-align:center;font-size:clamp(26px,4vw,42px);font-weight:900;margin-bottom:48px;}
.atom-products-grid{display:flex;flex-direction:column;gap:20px;}
.atom-prod-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;background:linear-gradient(135deg,#060A20 0%,#000B28 100%);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:28px 32px;overflow:hidden;}
.atom-prod-card.featured{border-color:rgba(0,200,220,0.25);box-shadow:0 8px 40px rgba(0,200,220,0.08);}
/* spotlight border effect */
.atom-prod-card::before{content:'';position:absolute;inset:0;border-radius:16px;padding:1px;background:radial-gradient(250px circle at var(--cx,-999px) var(--cy,-999px),rgba(0,200,220,0.7),transparent 65%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;}
.atom-prod-badge{display:inline-block;background:rgba(0,200,220,0.15);color:#00C8DC;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:10px;}
.atom-prod-badge.yellow{background:rgba(255,180,0,0.15);color:#FFB400;}
.atom-prod-badge.green{background:rgba(0,200,80,0.15);color:#00C850;}
.atom-prod-name{font-size:22px;font-weight:900;margin-bottom:6px;}
.atom-prod-desc{font-size:13px;color:rgba(255,255,255,0.5);margin-bottom:16px;line-height:1.7;}
.atom-prod-specs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;}
.atom-prod-spec{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;color:rgba(255,255,255,0.65);}
.atom-prod-price{font-size:28px;font-weight:900;color:#00C8DC;margin-bottom:16px;}
.atom-prod-price small{font-size:13px;color:rgba(255,255,255,0.4);font-weight:400;}
.atom-prod-img{width:360px;height:320px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,200,220,0.2));}
@media(max-width:700px){.atom-prod-card{grid-template-columns:1fr;}.atom-prod-img{width:340px;height:300px;margin:0 auto;}}

/* ── TRUST ── */
.atom-trust{background:#000212;padding:56px 24px;border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04);}
.atom-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;max-width:1000px;margin:0 auto;}
.atom-trust-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:22px 16px;text-align:center;}
.atom-trust-icon{font-size:28px;margin-bottom:10px;}
.atom-trust-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;}
.atom-trust-desc{font-size:12px;color:rgba(255,255,255,0.4);}

/* ── FEATURES ── */
.atom-ft{background:#000212;}
.atom-ft-hdr{text-align:center;padding:80px 24px 48px;}
.atom-ft-panel{display:grid;grid-template-columns:1fr 1fr;height:520px;overflow:hidden;}
.atom-ft-panel.flip{direction:ltr;}
.atom-ft-panel.flip .atom-ft-pcontent{direction:rtl;}
.atom-ft-pvisual{overflow:hidden;position:relative;background:#060A20;height:100%;}
.atom-ft-pvisual img{width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0.9;}
.atom-ft-pvisual-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,200,220,0.06),rgba(0,30,80,0.2));}
.atom-ft-pcontent{display:flex;flex-direction:column;justify-content:center;padding:56px 48px;background:linear-gradient(135deg,#060A20 0%,#000B28 100%);border-top:1px solid rgba(255,255,255,0.04);position:relative;overflow:hidden;}
.atom-ft-pcontent::before{content:'';position:absolute;width:380px;height:380px;background:radial-gradient(ellipse,rgba(0,200,220,0.09) 0%,transparent 65%);top:-100px;left:-100px;pointer-events:none;border-radius:50%;}
.atom-ft-pcontent::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(0,200,220,0.018) 28px,rgba(0,200,220,0.018) 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(0,200,220,0.018) 28px,rgba(0,200,220,0.018) 29px);pointer-events:none;}
.atom-ft-panel:nth-child(odd) .atom-ft-pcontent{background:linear-gradient(135deg,#000212 0%,#040820 100%);}
.atom-ft-panel.flip .atom-ft-pcontent::before{left:auto;right:-100px;}
.atom-ft-pbadge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,200,220,0.1);border:1px solid rgba(0,200,220,0.2);border-radius:50px;padding:5px 14px;color:#00C8DC;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:18px;width:fit-content;}
.atom-ft-ph{font-size:clamp(22px,3vw,36px);font-weight:900;margin-bottom:8px;line-height:1.2;}
.atom-ft-psub{font-size:15px;font-weight:600;color:rgba(255,255,255,0.5);margin-bottom:16px;}
.atom-ft-pdesc{font-size:14px;color:rgba(255,255,255,0.75);line-height:1.9;margin-bottom:24px;}
.atom-ft-ptags{display:flex;flex-wrap:wrap;gap:8px;}
.atom-ft-tag{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:4px 11px;font-size:11px;color:rgba(255,255,255,0.5);font-weight:600;}
.atom-ft-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,200,220,0.1),transparent);}
.atom-ft-chip{position:relative;overflow:hidden;background:#080600;display:flex;align-items:center;justify-content:center;}
.atom-ft-chip::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 32px,rgba(180,140,0,0.04) 32px,rgba(180,140,0,0.04) 33px),repeating-linear-gradient(90deg,transparent,transparent 32px,rgba(180,140,0,0.04) 32px,rgba(180,140,0,0.04) 33px);pointer-events:none;}
.atom-ft-chip::after{content:'';position:absolute;width:360px;height:360px;background:radial-gradient(ellipse,rgba(180,130,0,0.2) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.atom-ft-chip-inner{position:relative;z-index:2;padding:52px;direction:rtl;width:100%;text-align:right;}
.atom-ft-chip-heading{font-size:20px;font-weight:900;color:#C8A000;margin-bottom:32px;letter-spacing:0.5px;}
.atom-ft-chip-stat{padding:18px 0;border-bottom:1px solid rgba(180,140,0,0.15);display:flex;justify-content:space-between;align-items:center;}
.atom-ft-chip-stat:last-child{border-bottom:none;}
.atom-ft-chip-slabel{font-size:14px;color:rgba(255,255,255,0.5);font-weight:600;}
.atom-ft-chip-sval{font-size:32px;font-weight:900;color:#fff;letter-spacing:-0.5px;}
.atom-ft-steps{padding:72px 24px;text-align:center;background:#060A20;}
.atom-ft-steps-title{font-size:clamp(20px,3vw,30px);font-weight:900;margin-bottom:48px;}
.atom-ft-steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:800px;margin:0 auto;}
.atom-ft-step{display:flex;flex-direction:column;align-items:center;gap:12px;}
.atom-ft-step-num{width:54px;height:54px;background:linear-gradient(135deg,#00C8DC,#0050A0);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;box-shadow:0 0 24px rgba(0,200,220,0.3);}
.atom-ft-step-icon{font-size:26px;}
.atom-ft-step-label{font-size:14px;font-weight:700;line-height:1.5;max-width:180px;}
.atom-ft-step-sub{font-size:12px;color:rgba(255,255,255,0.70);}
.atom-ft-grid-wrap{padding:72px 24px;background:#000212;}
.atom-ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;max-width:1100px;margin:0 auto;}
.atom-ft-card{background:rgba(255,255,255,0.04);border:1px solid rgba(0,200,220,0.1);border-radius:16px;padding:22px 14px;text-align:center;transition:border-color 0.3s,transform 0.3s;}
.atom-ft-card:hover{border-color:rgba(0,200,220,0.3);transform:translateY(-3px);}
.atom-ft-card-icon{width:48px;height:48px;background:rgba(0,200,220,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:20px;}
.atom-ft-card-val{font-size:18px;font-weight:900;color:#00C8DC;margin-bottom:4px;}
.atom-ft-card-name{font-size:12px;color:rgba(255,255,255,0.65);font-weight:600;}
.atom-ft-card-desc{font-size:11px;color:rgba(255,255,255,0.70);margin-top:3px;}
@media(max-width:768px){.atom-ft-panel,.atom-ft-panel.flip{grid-template-columns:1fr;direction:rtl;}.atom-ft-panel.flip .atom-ft-pcontent{direction:rtl;}.atom-ft-pvisual{min-height:220px;}.atom-ft-pcontent{padding:30px 22px;}.atom-ft-steps-row{grid-template-columns:1fr;}.atom-ft-grid{grid-template-columns:repeat(2,1fr);}}

/* ── REVIEWS ── */
.atom-reviews{background:#060A20;padding:80px 24px;}
.atom-reviews-inner{max-width:1100px;margin:0 auto;}
.atom-reviews-meta{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:48px;flex-wrap:wrap;}
.atom-reviews-stars{color:#FFB800;font-size:20px;letter-spacing:2px;}
.atom-reviews-score{font-size:22px;font-weight:900;}
.atom-reviews-count{font-size:13px;color:rgba(255,255,255,0.70);}
.atom-reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;}
.atom-review-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:22px;}
.atom-review-stars{color:#FFB800;font-size:15px;margin-bottom:10px;letter-spacing:1px;}
.atom-review-text{font-size:13px;color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:16px;font-style:italic;}
.atom-review-text::before{content:'"';color:#00C8DC;font-style:normal;font-size:18px;}
.atom-review-text::after{content:'"';color:#00C8DC;font-style:normal;font-size:18px;}
.atom-review-author{display:flex;align-items:center;gap:10px;}
.atom-review-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00C8DC,#0050A0);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0;}
.atom-review-name{font-size:13px;font-weight:700;}
.atom-review-city{font-size:11px;color:rgba(255,255,255,0.4);}

/* ── ORDER FORM ── */
.atom-order{background:#000212;padding:80px 24px;border-top:1px solid rgba(0,200,220,0.1);}
.atom-order-inner{max-width:600px;margin:0 auto;}
.atom-order-header{text-align:center;margin-bottom:36px;}
.atom-order-box{background:rgba(255,255,255,0.04);border:1px solid rgba(0,200,220,0.18);border-radius:20px;padding:36px 32px;}
.atom-order-field{margin-bottom:18px;}
.atom-order-field label{display:block;font-size:13px;font-weight:700;color:rgba(255,255,255,0.8);margin-bottom:7px;}
.atom-order-products-fieldset{border:none;padding:0;margin:0;}
.atom-order-products-legend{display:block;font-size:13px;font-weight:700;color:rgba(255,255,255,0.8);margin-bottom:7px;padding:0;}
.atom-order-field input,.atom-order-field select{width:100%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:13px 16px;font-family:'Cairo',sans-serif;font-size:14px;color:#fff;outline:none;transition:border-color 0.2s;direction:rtl;-webkit-appearance:none;appearance:none;}
.atom-order-field input::placeholder{color:rgba(255,255,255,0.25);}
.atom-order-field input:focus,.atom-order-field select:focus{border-color:#00C8DC;}
.atom-order-field select option{background:#0A0E28;color:#fff;}
.atom-order-products{display:flex;flex-direction:column;gap:9px;}
.atom-product-radio{position:relative;}
.atom-product-radio input[type="radio"]{position:absolute;opacity:0;width:0;height:0;}
.atom-product-radio label{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);border-radius:12px;padding:13px 17px;cursor:pointer;transition:border-color 0.2s,background 0.2s;gap:10px;}
.atom-product-radio input[type="radio"]:checked + label{border-color:#00C8DC;background:rgba(0,200,220,0.08);}
.atom-product-radio label:hover{border-color:rgba(0,200,220,0.4);}
.atom-product-name{font-size:14px;font-weight:700;}
.atom-product-price{font-size:15px;font-weight:900;color:#00C8DC;white-space:nowrap;}
.atom-order-btn{width:100%;background:linear-gradient(135deg,#00C8DC,#0099B0);color:#fff;font-family:'Cairo',sans-serif;font-size:17px;font-weight:900;padding:16px;border-radius:50px;border:none;cursor:pointer;margin-top:8px;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 20px rgba(0,200,220,0.35);}
.atom-order-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,200,220,0.5);}
.atom-order-note{font-size:11px;color:rgba(255,255,255,0.3);text-align:center;margin-top:14px;line-height:1.6;}

/* ── FAQ ── */
.atom-faq{background:#060A20;padding:80px 24px;}
.atom-faq-inner{max-width:800px;margin:0 auto;}
.atom-faq-list{display:flex;flex-direction:column;gap:10px;margin-top:48px;}
.atom-faq-item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);border-radius:12px;overflow:hidden;transition:border-color 0.3s;}
.atom-faq-item.open{border-color:rgba(0,200,220,0.3);}
.atom-faq-question{width:100%;background:none;border:none;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:right;gap:12px;}
.atom-faq-q-text{font-family:'Cairo',sans-serif;font-size:14px;font-weight:700;color:#fff;}
.atom-faq-icon{width:26px;height:26px;min-width:26px;background:rgba(0,200,220,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00C8DC;font-size:17px;transition:transform 0.3s;}
.atom-faq-item.open .atom-faq-icon{transform:rotate(45deg);}
.atom-faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}
.atom-faq-item.open .atom-faq-answer{max-height:400px;}
.atom-faq-answer-inner{padding:0 22px 18px;font-size:13px;color:rgba(255,255,255,0.55);line-height:1.9;border-top:1px solid rgba(255,255,255,0.05);padding-top:14px;}

/* ── SINGLE PRODUCT PAGE ── */
.atom-sp-wrap{background:#000212;min-height:100vh;padding-top:64px;overflow-x:hidden;}
.atom-sp-wrap h1,.atom-sp-wrap h2,.atom-sp-wrap h3,.atom-sp-wrap p,.atom-sp-wrap span,.atom-sp-wrap div{color:inherit;}
.atom-sp-info *{box-sizing:border-box;max-width:100%;}
.atom-sp-info h1{color:#fff!important;}
.atom-sp-info p{color:rgba(255,255,255,0.55)!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;}
.atom-sp-hero{padding:60px 24px;}
.atom-sp-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
/* gallery */
.atom-sp-gallery{position:sticky;top:84px;direction:rtl;}
.atom-sp-main-img-wrap{position:relative;background:linear-gradient(135deg,#060A20,#000B28);border:1px solid rgba(255,255,255,0.08);border-radius:20px;overflow:hidden;height:420px;display:flex;align-items:center;justify-content:center;}
.atom-sp-main-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:20px;display:block;}
.atom-sp-img-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 80%,rgba(0,200,220,0.08),transparent 65%);pointer-events:none;}
.atom-sp-no-img{font-size:48px;font-weight:900;color:rgba(255,255,255,0.1);}
.atom-sp-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.15);color:#fff;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;z-index:2;}
.atom-sp-arrow:hover{background:rgba(0,200,220,0.3);border-color:#00C8DC;}
.atom-sp-arrow-prev{right:10px;}
.atom-sp-arrow-next{left:10px;}
.atom-sp-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.atom-sp-thumb{width:70px;height:70px;object-fit:contain;border:2px solid rgba(255,255,255,0.1);border-radius:10px;cursor:pointer;padding:4px;background:rgba(255,255,255,0.04);transition:border-color 0.2s;}
.atom-sp-thumb.active,.atom-sp-thumb:hover{border-color:#00C8DC;}
/* info */
.atom-sp-badge{display:inline-block;background:linear-gradient(135deg,#00C8DC,#0af);color:#000;font-size:11px;font-weight:800;padding:4px 14px;border-radius:20px;margin-bottom:14px;letter-spacing:1px;}
.atom-sp-eyebrow{font-size:12px;font-weight:700;color:#00C8DC;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;}
.atom-sp-title{font-size:clamp(24px,3.5vw,40px)!important;font-weight:900!important;line-height:1.2;margin-bottom:16px;color:#fff!important;word-break:break-word;overflow-wrap:break-word;display:block;width:100%;}
.atom-sp-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
.atom-sp-pill{background:rgba(0,200,220,.12);border:1px solid rgba(0,200,220,.35);color:#00C8DC;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;}
.atom-sp-desc{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.9;margin-bottom:24px;overflow-wrap:break-word;word-break:break-word;}
.atom-sp-price-row{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;}
.atom-sp-price{font-size:36px;font-weight:900;color:#00C8DC;}
.atom-sp-price small{font-size:16px;color:rgba(255,255,255,0.4);font-weight:400;}
.atom-sp-cod-badge{background:rgba(0,200,220,0.1);border:1px solid rgba(0,200,220,0.25);color:#00C8DC;font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;}
/* variants */
.atom-sp-variants{margin-bottom:24px;display:flex;flex-direction:column;gap:16px;}
.atom-sp-attr-label{font-size:13px;font-weight:700;color:rgba(255,255,255,0.7);margin-bottom:8px;}
.atom-sp-attr-options{display:flex;gap:8px;flex-wrap:wrap;}
.atom-sp-opt{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.7);font-family:'Cairo',sans-serif;font-size:13px;font-weight:600;padding:8px 18px;border-radius:8px;cursor:pointer;transition:all 0.2s;}
.atom-sp-opt:hover,.atom-sp-opt.active{background:rgba(0,200,220,0.12);border-color:#00C8DC;color:#00C8DC;}
/* CTA button */
.atom-sp-btn{display:block;position:relative;padding:2px;border-radius:16px;background:radial-gradient(circle 80px at 80% -10%,#ffffff,#181b1b);text-decoration:none;font-family:'Cairo',sans-serif;font-weight:800;overflow:hidden;margin-bottom:24px;}
.atom-sp-btn::before{content:'';position:absolute;top:0;right:0;width:65%;height:60%;border-radius:120px;box-shadow:0 0 20px #ffffff38;transition:box-shadow 0.3s;}
.atom-sp-btn::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:50%;border-radius:17px;background:radial-gradient(circle 60px at 0% 100%,#3fff75,#00ff8050,transparent);box-shadow:-2px 9px 40px #00ff2d40;transition:width 0.3s;}
.atom-sp-btn:hover::before{box-shadow:0 0 40px #ffffff60;}
.atom-sp-btn:hover::after{width:90px;}
.atom-sp-btn-in{position:relative;display:block;padding:16px 28px;border-radius:14px;color:#fff;font-size:16px;background:radial-gradient(circle 80px at 80% -50%,#555,#0f1111);z-index:1;text-align:center;transition:transform 0.3s;}
.atom-sp-btn:hover .atom-sp-btn-in{transform:scale(1.03);}
/* trust */
.atom-sp-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.atom-sp-trust-item{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:10px 12px;}
/* full desc */
.atom-sp-desc-section{background:#060A20;padding:60px 24px;border-top:1px solid rgba(255,255,255,0.05);}
.atom-sp-desc-inner{max-width:800px;margin:0 auto;}
.atom-sp-desc-body{font-size:15px;color:rgba(255,255,255,0.75);line-height:2.2;}
.atom-sp-desc-body pre,.atom-sp-desc-body code{font-family:'Cairo',sans-serif;white-space:pre-wrap;font-size:15px;background:none;border:none;padding:0;color:inherit;line-height:2.2;}
/* related */
.atom-sp-related{background:#000212;padding:60px 24px;border-top:1px solid rgba(255,255,255,0.05);}
.atom-sp-related-inner{max-width:1100px;margin:0 auto;}
.atom-sp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:0;}
.atom-sp-rel-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px;text-align:center;transition:border-color 0.2s,transform 0.2s;}
.atom-sp-rel-card:hover{border-color:rgba(0,200,220,0.3);transform:translateY(-4px);}
.atom-sp-rel-img{width:100%;height:140px;object-fit:contain;margin-bottom:12px;}
.atom-sp-rel-name{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px;}
.atom-sp-rel-price{font-size:16px;font-weight:900;color:#00C8DC;}
/* subscription tiers */
.atom-sp-tiers{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.atom-sp-tiers-label{font-size:13px;font-weight:700;color:rgba(255,255,255,0.6);margin-bottom:4px;}
.atom-sp-tier{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.1);border-radius:12px;padding:14px 18px;text-decoration:none;transition:all 0.2s;cursor:pointer;}
.atom-sp-tier:hover{border-color:#00C8DC;background:rgba(0,200,220,0.08);}
.atom-sp-tier-name{font-size:15px;font-weight:700;color:#fff;}
.atom-sp-tier-price{font-size:18px;font-weight:900;color:#00C8DC;}
/* mobile */
.atom-sp-wrap{overflow-x:hidden;}
.atom-sp-desc-body img{max-width:100%!important;height:auto!important;}
.atom-sp-desc-body table{width:100%!important;max-width:100%;border-collapse:collapse;display:block;overflow-x:auto;}
.atom-sp-desc-body td,.atom-sp-desc-body th{word-break:break-word;min-width:80px;}
.atom-sp-desc-body *{max-width:100%;box-sizing:border-box;}
@media(max-width:768px){
  .atom-sp-trust{grid-template-columns:1fr;}
  .atom-sp-related-grid{grid-template-columns:1fr;}
  .atom-sp-hero{padding:32px 16px;}
  .atom-sp-main-img-wrap{height:280px;}
  .atom-sp-title{font-size:26px!important;}
  .atom-sp-price{font-size:28px;}
}

/* ── FOOTER ── */
.atom-footer{background:#000212;border-top:1px solid rgba(255,255,255,0.06);padding:48px 24px;text-align:center;}
.atom-footer-logo{height:60px;object-fit:contain;margin:0 auto 16px;}
.atom-footer-text{font-size:13px;color:rgba(255,255,255,0.65);}

/* ── WHATSAPP ── */
.atom-wa{position:fixed;bottom:28px;left:24px;z-index:9999;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-family:'Cairo',sans-serif;font-size:14px;font-weight:700;padding:13px 20px;border-radius:50px;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,0.45);animation:waPulse 2.5s ease-in-out infinite;}
.atom-wa:hover{color:#fff;animation:none;transform:scale(1.04);}
@keyframes waPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.45)}50%{box-shadow:0 4px 30px rgba(37,211,102,0.7),0 0 0 8px rgba(37,211,102,0.1)}}
@media(max-width:480px){.atom-wa{bottom:18px;left:14px;padding:11px 16px;font-size:13px;}}

/* ── WOOCOMMERCE CHECKOUT OVERRIDE ── */
.woocommerce-checkout{background:#000212;color:#fff;direction:rtl;font-family:'Cairo',sans-serif;}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:13px 16px;font-family:'Cairo',sans-serif;font-size:14px;color:#fff;direction:rtl;}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus{border-color:#00C8DC;outline:none;}
.woocommerce .woocommerce-checkout label{color:rgba(255,255,255,0.8);font-weight:700;}
.woocommerce-checkout h3{color:#fff;font-family:'Cairo',sans-serif;}
.woocommerce #payment{background:rgba(255,255,255,0.04);border-radius:12px;}
.woocommerce #payment ul.payment_methods{background:transparent;}
.woocommerce #payment div.payment_box{background:rgba(0,200,220,0.05);}
.woocommerce #payment #place_order,.woocommerce button.button.alt{background:linear-gradient(135deg,#00C8DC,#0099B0);font-family:'Cairo',sans-serif;font-size:17px;font-weight:900;padding:16px 40px;border-radius:50px;border:none;color:#fff;}
/* ── page wrapper ── */
body.woocommerce-checkout{background:#000212!important;}
.woocommerce-checkout .woocommerce{max-width:1100px;margin:80px auto 60px;padding:0 20px;}
/* ── two columns ── */
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:32px;direction:rtl;}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:28px 24px;}
/* ── order review table ── */
.woocommerce-checkout-review-order{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:28px 24px;margin-top:32px;}
table.woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse;color:#fff;}
table.woocommerce-checkout-review-order-table th,table.woocommerce-checkout-review-order-table td{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,0.07);font-family:'Cairo',sans-serif;}
table.woocommerce-checkout-review-order-table tfoot tr:last-child td,.woocommerce-checkout .order-total .amount{color:#00C8DC;font-size:20px;font-weight:900;}
/* ── shipping radio ── */
.woocommerce-shipping-totals ul#shipping_method li{padding:10px 0;color:#fff;}
.woocommerce-shipping-totals input[type=radio]{accent-color:#00C8DC;}
/* ── payment section ── */
.woocommerce #payment{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:20px;}
.woocommerce #payment ul.payment_methods li label{color:#fff;font-family:'Cairo',sans-serif;}
/* ── headings ── */
.woocommerce-checkout h3,.woocommerce-checkout h2{color:#fff;font-family:'Cairo',sans-serif;margin-bottom:20px;font-size:18px;}
/* ── place order btn ── */
.woocommerce #payment #place_order{width:100%;display:block;cursor:pointer;transition:opacity 0.2s;}
.woocommerce #payment #place_order:hover{opacity:0.88;}
/* ── notices ── */
.woocommerce-NoticeGroup{background:rgba(0,200,220,0.1);border:1px solid rgba(0,200,220,0.3);border-radius:10px;padding:12px 16px;color:#00C8DC;}
/* ── mobile ── */
@media(max-width:768px){.woocommerce-checkout .col2-set{grid-template-columns:1fr;}}
/* ── REVIEWS SCROLLING COLUMNS ── */
.atom-rev-scroll-outer{position:relative;max-height:640px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);}
.atom-rev-scroll-cols{display:flex;gap:20px;justify-content:center;align-items:flex-start;}
.atom-rev-scol{flex:0 0 320px;overflow:hidden;}
.atom-rev-scol-2{display:none;}
.atom-rev-scol-3{display:none;}
@media(min-width:768px){.atom-rev-scol-2{display:block;}}
@media(min-width:1100px){.atom-rev-scol-3{display:block;}}
@keyframes atom-rev-scroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.atom-rev-scol-1 .atom-rev-scol-inner{animation:atom-rev-scroll 14s linear infinite;}
.atom-rev-scol-2 .atom-rev-scol-inner{animation:atom-rev-scroll 18s linear infinite;}
.atom-rev-scol-3 .atom-rev-scol-inner{animation:atom-rev-scroll 16s linear infinite;}
.atom-rev-scol-inner{display:flex;flex-direction:column;gap:20px;}
/* ── PRODUCT PAGE LAYOUT FIX ── */
.atom-sp-gallery{min-width:0;}
.atom-sp-info{min-width:0;color:#fff;}
@media(max-width:768px){
  .atom-sp-inner{grid-template-columns:1fr!important;direction:rtl;}
  .atom-sp-gallery{position:static!important;}
  .atom-sp-info{width:100%;overflow:hidden;}
}