*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#062b50;--navy2:#031c35;--blue:#0a4d91;--teal:#00a889;--green:#0ca678;--yellow:#ffcc18;--red:#ef3155;--white:#fff;--soft:#f4f8fb;--text:#102b45;--muted:#64748b;--line:#dbe6ef;--shadow:0 14px 35px rgba(4,32,60,.10)}
html{scroll-behavior:smooth}
body{font-family:"Inter","Hind Siliguri",sans-serif;color:var(--text);background:#fff;line-height:1.55}
body:lang(bn){font-family:"Hind Siliguri","Inter",sans-serif}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.container{width:min(1400px,calc(100% - 56px));margin:auto}

.top-marquee{height:34px;background:#061e34;color:#fff;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:700}
.marquee-track{display:flex;width:max-content;align-items:center;height:100%;gap:34px;animation:marquee 28s linear infinite;white-space:nowrap}
.marquee-track span:nth-child(4n+1){color:#ff355a}
@keyframes marquee{to{transform:translateX(-50%)}}

.contact-bar{background:#07345e;color:#dceafa;font-size:12px}
.contact-inner{height:34px;display:flex;align-items:center;justify-content:space-between}
.contact-left,.contact-right{display:flex;gap:22px;align-items:center}
.login-link{color:#fff}
.lang-btn{border:1px solid #7894ae;background:transparent;color:#fff;border-radius:7px;padding:3px 10px;font-size:11px}
.lang-btn.active{background:#00b58e;border-color:#00b58e}

.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 5px 22px rgba(0,0,0,.07)}
.header-inner{min-height:102px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;min-width:330px}
.brand-mark{font-size:58px;font-weight:900;letter-spacing:-6px;color:var(--navy);border-right:5px solid var(--yellow);padding-right:9px;line-height:.8}
.brand-copy{display:flex;flex-direction:column;padding-left:10px;line-height:1}
.brand-copy strong{font-size:31px;letter-spacing:-1.5px;color:var(--navy)}
.brand-copy b{font-size:24px;letter-spacing:7px;color:#f02e52;margin-top:4px}
.brand-copy small{font-size:10px;color:var(--navy);font-weight:700;margin-top:8px}
.header-main{flex:1;min-width:0}
.search-row{display:flex;align-items:center;gap:12px}
.search-box{height:42px;display:flex;flex:1;border:1px solid #ccd9e4;border-radius:24px;overflow:hidden;background:#fff}
.search-box input{border:0;outline:0;flex:1;padding:0 18px;color:var(--text)}
.search-box button{width:52px;border:0;background:var(--navy);color:#fff;font-size:22px}
.cart-btn{position:relative;border:0;background:#fff;font-size:21px;color:var(--navy)}
#cartCount{position:absolute;right:-8px;top:-9px;background:#ed284d;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;display:grid;place-items:center}
.whatsapp-btn{background:#079a79;color:#fff;border-radius:20px;padding:9px 17px;font-size:12px;font-weight:700}
.desktop-nav{display:flex;justify-content:center;gap:30px;margin-top:12px}
.desktop-nav a{font-size:13px;font-weight:700;color:#103d6d;padding-bottom:9px;position:relative}
.desktop-nav a.active,.desktop-nav a:hover{color:#008e75}
.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#008e75;border-radius:5px}
.mobile-menu-btn{display:none;border:0;background:var(--navy);color:#fff;border-radius:8px;padding:9px 12px}
.mobile-menu{display:none}

.hero{background:linear-gradient(110deg,#05274a 0%,#063d71 55%,#087da0 100%);color:#fff;overflow:hidden}
.hero-grid{min-height:470px;display:grid;grid-template-columns:45% 55%;align-items:center}
.hero-copy{padding:55px 0 50px;position:relative;z-index:2}
.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#6dffd9;margin-bottom:12px}
.hero h1{font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-2px;margin-bottom:20px;font-weight:800}
.hero h1 span{color:var(--yellow)}
.hero p{font-size:16px;max-width:620px;color:#e1edf7}
.hero-actions{display:flex;gap:14px;margin:28px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:12px 20px;border:1px solid transparent;font-weight:800;font-size:13px;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-yellow{background:var(--yellow);color:#062847}
.btn-outline{border-color:#fff;color:#fff;background:transparent}
.hero-stats{display:flex;gap:25px;margin-top:32px}
.hero-stats div{padding-right:25px;border-right:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}
.hero-stats div:last-child{border:0}
.hero-stats strong{font-size:23px}
.hero-stats span{font-size:10px;color:#b9d0e3}
.hero-visual{height:100%;position:relative;display:flex;align-items:center;justify-content:center;min-height:470px;background:radial-gradient(circle at 60% 45%,rgba(0,226,182,.18),transparent 45%)}
.hero-image-main{width:70%;position:relative;margin-top:45px}
.screen-art{height:270px;border:9px solid #182c42;border-radius:16px 16px 8px 8px;background:#101923;box-shadow:0 25px 40px rgba(0,0,0,.35);overflow:hidden}
.screen-toolbar{height:27px;background:#24364b;display:flex;align-items:center;gap:5px;padding:0 10px;color:#9fb2c7;font-size:8px}
.screen-toolbar i{width:6px;height:6px;border-radius:50%;background:#ef3155}.screen-toolbar i:nth-child(2){background:#ffcc18}.screen-toolbar i:nth-child(3){background:#00b58e}
.screen-content{height:100%;padding:35px;position:relative;background:linear-gradient(135deg,#161b30,#073d64)}
.creative-title{font-size:32px;line-height:1.05;color:#fff;font-weight:700;position:relative;z-index:2}.creative-title b{color:#ffcc18}
.creative-shapes span{position:absolute;border-radius:50%;filter:blur(1px)}.creative-shapes span:nth-child(1){width:150px;height:150px;background:#f02e52;right:20px;top:35px}.creative-shapes span:nth-child(2){width:110px;height:110px;background:#00b58e;right:110px;bottom:20px}.creative-shapes span:nth-child(3){width:80px;height:80px;background:#ffcc18;right:10px;bottom:15px}
.laptop-base{height:22px;width:112%;margin-left:-6%;background:#aeb9c4;border-radius:0 0 18px 18px;box-shadow:0 15px 25px rgba(0,0,0,.3)}
.floating-tag{position:absolute;padding:10px 14px;border-radius:12px;color:#fff;font-size:11px;background:rgba(5,37,70,.88);border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.floating-tag b{font-size:15px}.tag-design{left:4%;top:18%;border-color:#00d7ad}.tag-video{right:0;top:29%;border-color:#ffcc18}.tag-print{right:2%;bottom:21%;background:#ef3155}.hero-printer{position:absolute;bottom:16%;left:5%;font-size:70px;filter:drop-shadow(0 12px 15px rgba(0,0,0,.3))}

.benefits{background:#fff;border-bottom:1px solid var(--line)}
.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.benefit{display:flex;align-items:center;gap:12px;padding:21px 16px;border-right:1px solid var(--line)}
.benefit:last-child{border:0}.benefit>span{width:46px;height:46px;border-radius:50%;background:#082b47;color:#fff;display:grid;place-items:center;font-size:19px;flex:none}
.benefit b,.benefit small{display:block}.benefit b{font-size:13px}.benefit small{font-size:10px;color:var(--muted)}

.section{padding:55px 0}.categories-section{background:#fff}
.section-heading,.store-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}
.section-kicker{color:#00967c;font-size:12px;font-weight:900;letter-spacing:.5px}
.section h2{font-size:31px;line-height:1.15;margin:4px 0 7px;color:#092a4a}
.section p{color:var(--muted);font-size:13px}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.category-card{border-radius:12px;min-height:175px;padding:18px;color:#fff;position:relative;overflow:hidden;transition:.2s;box-shadow:var(--shadow)}
.category-card:hover{transform:translateY(-5px)}
.cat-design{background:linear-gradient(145deg,#174dbe,#3a1bd5)}.cat-video{background:linear-gradient(145deg,#e91e63,#ef2d3f)}.cat-software{background:linear-gradient(145deg,#039c72,#006d8b)}.cat-print{background:linear-gradient(145deg,#ff9d00,#ef5a00)}.cat-custom{background:linear-gradient(145deg,#6d31d9,#b216cc)}.cat-web{background:linear-gradient(145deg,#0877c9,#05a6ae)}
.cat-icon{font-size:30px;margin-bottom:8px}.category-card h3{font-size:16px}.category-card p{color:#fff;opacity:.9;margin:5px 0 14px;font-size:10px}.category-card b{font-size:11px}

.store-section{background:#fbfdff}.alt-section{background:#f1f7fb}
.store-heading{align-items:center}.store-heading h2{margin-top:2px}.see-all{font-size:12px;color:#087c72;font-weight:800;white-space:nowrap}
.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.product-card{background:#fff;border:1px solid #d9e5ee;border-radius:11px;overflow:hidden;box-shadow:0 8px 20px rgba(0,34,60,.06);transition:.2s;height:340px;display:grid;grid-template-rows:75% 25%}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.product-thumb{height:100%;min-height:0;position:relative;display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px;text-align:center;padding:15px}
.product-thumb small{display:block;font-size:10px;font-weight:600}.thumb1{background:linear-gradient(135deg,#8d2e1d,#f6b438)}.thumb2{background:linear-gradient(135deg,#145e55,#0b9c7a)}.thumb3{background:linear-gradient(135deg,#272a44,#e9aa28)}.thumb4{background:linear-gradient(135deg,#9a1849,#ee4b80)}.thumb5{background:linear-gradient(135deg,#1d385b,#0c9d9b)}.thumb6{background:linear-gradient(135deg,#ddd,#142b44);color:#092a4a}
.badge{position:absolute;top:8px;left:8px;background:#ef3155;color:#fff;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:900}.badge.free{background:#0aa17d}.offer-badge{position:absolute;top:10px;left:10px;z-index:5;background:linear-gradient(135deg,#ef3155,#c81743);color:#fff;border:2px solid rgba(255,255,255,.9);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,.22);letter-spacing:.2px}.play-overlay{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;border:3px solid #fff;background:rgba(4,43,80,.78);color:#fff;font-size:25px;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:.2s}.play-overlay:hover{transform:translate(-50%,-50%) scale(1.08);background:#00a889}.video-card .product-media{filter:brightness(.86)}

.product-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.product-fallback{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:5px;color:#fff;font-size:34px;font-weight:900;z-index:0}.product-fallback small{display:block;font-size:8px;letter-spacing:2px}.duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;padding:4px 7px;border-radius:5px;font-size:9px;z-index:3}.modal-video{width:100%;height:100%;object-fit:cover;background:#000}.modal-image{max-width:100%;max-height:100%;object-fit:contain}.modal-preview{position:relative;overflow:hidden}
.product-info{padding:8px 10px;min-height:0;overflow:hidden}.product-info .category{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-info .category{font-size:9px;color:#00967c;font-weight:800}.product-info h3{font-size:13px;line-height:1.15;margin:3px 0;min-height:29px;max-height:30px;overflow:hidden}.product-info p{font-size:10px;min-height:22px;max-height:23px;overflow:hidden;margin-bottom:2px}.showcase-label{font-size:9px;color:#008f76;white-space:nowrap}
.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.price{font-weight:900;font-size:15px}.price.free{color:#0a9b78}.product-actions{display:flex;gap:5px}.mini-btn{border:1px solid #bfd2df;background:#fff;color:#0a3154;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800}.buy-btn{border:0;background:#008e75;color:#fff;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:800}

.service-section{background:#fff}.service-grid{display:grid;gap:15px}.service-panel{min-height:260px;border-radius:15px;padding:28px 31px;display:grid;grid-template-columns:60% 40%;overflow:hidden;position:relative;color:#fff;box-shadow:var(--shadow)}
.service-design{background:linear-gradient(120deg,#073f6e,#0a8c80)}.service-software{background:linear-gradient(120deg,#0a7e8b,#16a79a)}.service-web{background:linear-gradient(120deg,#073e77,#0a70b8)}
.service-panel h2{color:#fff;font-size:27px;margin:6px 0 8px}.service-panel p{color:#d9edf1;max-width:680px}.service-panel ul{display:flex;flex-wrap:wrap;gap:7px 18px;margin:14px 0 18px;list-style:none;font-size:11px}.service-panel li:before{content:"✓";color:#ffcc18;font-weight:900;margin-right:6px}
.service-art{display:flex;align-items:center;justify-content:center;gap:15px;font-size:45px;position:relative}.service-art span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:20px;border-radius:15px;backdrop-filter:blur(8px);box-shadow:0 20px 35px rgba(0,0,0,.12)}.art-design span:nth-child(2){color:#5ecbff}.art-design span:nth-child(3){color:#ffcc18}.art-software span:nth-child(1){color:#ffcc18}.art-software span:nth-child(2){color:#fff}.art-software span:nth-child(3){color:#ff4b73}

.software-section{background:#f6fafc}.software-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.software-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 8px 20px rgba(0,0,0,.04)}.software-icon{width:55px;height:55px;border-radius:14px;background:#082d4d;color:#ffcc18;display:grid;place-items:center;font-size:25px;margin-bottom:15px}.software-card h3{font-size:19px}.software-card p{margin:8px 0 18px}.software-card a{color:#008e75;font-size:12px;font-weight:900}

.printing-section{background:#fff}
.printing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.printing-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(10,52,86,.05);display:flex;flex-direction:column}
.printing-thumb{height:190px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff}
.printing-thumb::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.18),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}
.printing-thumb-pen{background:linear-gradient(135deg,#bd5d21,#f0ad32)}
.printing-thumb-mug{background:linear-gradient(135deg,#7a2751,#ea5d95)}
.printing-thumb-shirt{background:linear-gradient(135deg,#005276,#0ca9a6)}
.printing-thumb-idcard{background:linear-gradient(135deg,#1a4e93,#2fb6bf)}
.printing-thumb-visit{background:linear-gradient(135deg,#763519,#e59f2d)}
.printing-thumb-banner{background:linear-gradient(135deg,#55566d,#cb9e2e)}
.printing-thumb-bag{background:linear-gradient(135deg,#15566a,#0da58b)}
.printing-thumb-note{background:linear-gradient(135deg,#2b4c75,#a6adb7)}
.printing-badge{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;z-index:2}
.printing-thumb-inner{position:relative;z-index:1;text-align:center;padding:16px}
.printing-thumb-title{display:block;font-size:28px;font-weight:900;line-height:1.12;letter-spacing:-.03em}
.printing-thumb-inner small{display:block;margin-top:10px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.85)}
.printing-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.printing-meta{display:inline-flex;align-self:flex-start;background:#eaf7f4;color:#0a8d72;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.printing-body h3{margin:2px 0 0;font-size:25px;line-height:1.25;color:#0b3456}
.printing-body p{margin:0;color:#607d9a;line-height:1.65;font-size:14px}
.printing-bottom{display:flex;flex-direction:column;gap:14px;margin-top:auto;padding-top:16px;border-top:1px solid #edf2f5}
.printing-actions{display:flex;gap:10px;flex-wrap:wrap}
.printing-actions .preview-btn,.printing-actions .buy-btn{min-width:120px;text-decoration:none}
@media(max-width:1100px){.printing-grid{grid-template-columns:repeat(3,1fr)}.printing-thumb{height:175px}.printing-thumb-title{font-size:24px}}
@media(max-width:900px){.printing-grid{grid-template-columns:repeat(2,1fr)}.printing-thumb{height:165px}}
@media(max-width:560px){.printing-grid{grid-template-columns:1fr}.printing-thumb{height:160px}.printing-body h3{font-size:22px}.printing-actions{display:grid;grid-template-columns:1fr 1fr}.printing-actions .preview-btn,.printing-actions .buy-btn{min-width:0;width:100%}}

.latest-section{background:#f4f8fb}.latest-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.latest-item{background:#fff;border-radius:11px;overflow:hidden;border:1px solid var(--line)}.latest-thumb{height:110px;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:900;text-align:center}.latest-item span{display:block;padding:9px;font-size:11px;font-weight:800}.gradient-a{background:linear-gradient(135deg,#071f39,#05b69a)}.gradient-b{background:linear-gradient(135deg,#162b57,#f03b5f)}.gradient-c{background:linear-gradient(135deg,#4c1b7e,#e8a91d)}.gradient-d{background:linear-gradient(135deg,#0a8a8a,#163f80)}.gradient-e{background:linear-gradient(135deg,#173b62,#0ca87d)}.gradient-f{background:linear-gradient(135deg,#6e1d55,#1b5ca1)}

.cta-section{background:#06345a;color:#fff;padding:38px 0}.cta-inner{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:24px}.cta-person{width:76px;height:76px;border-radius:50%;background:linear-gradient(145deg,#0ab18f,#082e53);border:3px solid #ffcc18;display:grid;place-items:center;font-size:24px;font-weight:900}.cta-section h2{font-size:28px;margin:4px 0}.cta-section p{color:#c4d9e8;font-size:12px}

.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about-grid h2{font-size:38px;line-height:1.1}.about-grid p{margin-bottom:14px}

.contact-section{background:#f2f7fa}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:stretch}.contact-grid h2{font-size:38px;margin:5px 0 10px}.contact-info-panel{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:12px 10px 12px 0}.contact-profile-wrap{display:flex;justify-content:flex-start;margin-bottom:22px}.contact-profile-image{width:170px;height:170px;border-radius:50%;object-fit:cover;object-position:center top;border:8px solid #fff;box-shadow:0 16px 34px rgba(5,35,65,.12)}.contact-copy{max-width:540px}.contact-details{margin-top:22px;display:grid;gap:8px}.contact-details p{margin:0;font-size:18px;line-height:1.7}.contact-form{background:#fff;padding:25px;border-radius:15px;box-shadow:var(--shadow);display:grid;gap:12px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;outline:0;color:var(--text);background:#fff}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#0aa489}

.footer{background:#031c35;color:#c6d8e7;padding-top:42px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr 1.4fr;gap:30px;padding-bottom:30px}.footer-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:34px;font-weight:900}.footer-logo span{font-size:20px;line-height:1}.footer-logo b{color:#ff3157;letter-spacing:3px}.footer-brand p{color:#fff;font-size:11px;margin:6px 0}.footer-brand small{font-size:10px;color:#91aabd}.footer h4{color:#fff;margin-bottom:10px;font-size:12px}.footer a,.footer p{display:block;font-size:10px;margin:6px 0}.socials{display:flex;gap:7px;margin-bottom:20px}.socials a{width:28px;height:28px;border-radius:50%;background:#0b426e;color:#fff;display:grid;place-items:center;font-size:11px}.newsletter{display:flex;border:1px solid #5e7890;border-radius:7px;overflow:hidden}.newsletter input{border:0;background:#fff;outline:0;flex:1;padding:9px;font-size:10px}.newsletter button{border:0;background:#00a989;color:#fff;width:38px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;display:flex;justify-content:space-between;font-size:9px;color:#8098aa}

.overlay,.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:100;opacity:0;visibility:hidden;transition:.2s}.overlay.open,.modal-overlay.open{opacity:1;visibility:visible}
.cart-drawer{position:fixed;z-index:101;right:-440px;top:0;height:100vh;width:min(420px,92vw);background:#fff;box-shadow:-15px 0 35px rgba(0,0,0,.2);transition:.25s;display:flex;flex-direction:column}.cart-drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.drawer-head h3{font-size:19px}.drawer-head button,.modal-close{border:0;background:#eef4f8;width:34px;height:34px;border-radius:50%;font-size:23px;color:#0b3456}.cart-items{padding:15px;overflow:auto;flex:1}.cart-empty{text-align:center;color:var(--muted);padding:50px 15px}.cart-item{display:grid;grid-template-columns:65px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.cart-thumb{width:65px;height:55px;border-radius:7px;background:#0a426d;color:#fff;display:grid;place-items:center;font-size:10px}.cart-item h4{font-size:12px}.cart-item p{font-size:11px;color:#0a9277;font-weight:800}.remove-item{border:0;background:transparent;color:#e83252;font-size:18px}.cart-footer{padding:18px;border-top:1px solid var(--line);display:grid;gap:14px}.cart-footer>div{display:flex;justify-content:space-between}.cart-footer strong{font-size:20px}

.modal-overlay{display:grid;place-items:center;padding:20px}.modal{width:min(700px,100%);background:#fff;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-close{position:absolute;right:14px;top:14px;z-index:2}.modal-preview{height:260px;background:linear-gradient(135deg,#082d4c,#0aa78b);display:grid;place-items:center;color:#fff;font-size:42px;font-weight:900}.modal-body{padding:24px}.modal-body h2{font-size:25px;margin:8px 0}.modal-body p{color:var(--muted)}.modal-buy{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.modal-buy strong{font-size:24px;color:#078b72}

.whatsapp-float{position:fixed;right:24px;bottom:22px;z-index:70}.whatsapp-float a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#09a47e;color:#fff;font-size:25px;box-shadow:0 12px 25px rgba(0,0,0,.2);border:3px solid #fff}

@media(max-width:1150px){
  .container{width:min(100% - 34px,1400px)}.brand{min-width:290px}.brand-copy strong{font-size:26px}.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.latest-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .contact-left span:first-child{display:none}.header-inner{min-height:76px}.brand{min-width:0;flex:1}.brand-mark{font-size:42px}.brand-copy strong{font-size:20px}.brand-copy b{font-size:15px;letter-spacing:4px}.brand-copy small{font-size:7px}.header-main{display:none}.mobile-menu-btn{display:block}.mobile-menu{position:absolute;left:0;right:0;top:100%;background:#fff;padding:12px 25px;box-shadow:0 15px 25px rgba(0,0,0,.1)}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px 0;border-bottom:1px solid var(--line);font-weight:700;color:#0b3456}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:45px 0 15px}.hero h1{font-size:42px}.hero-visual{min-height:350px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2n){border-right:0}.benefit:last-child{grid-column:1/-1}.service-panel{grid-template-columns:1fr}.service-art{display:none}.software-grid,.printing-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.contact-info-panel{padding:0;justify-content:flex-start}.contact-profile-wrap{justify-content:center;margin-bottom:18px}.contact-copy{text-align:left}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.cta-inner{grid-template-columns:65px 1fr}.cta-inner .btn{grid-column:2;justify-self:start}
}
@media(max-width:560px){
  .container{width:calc(100% - 24px)}.top-marquee{font-size:10px}.contact-bar{display:none}.brand-copy strong{font-size:18px}.brand-copy b{font-size:13px}.hero h1{font-size:36px}.hero p{font-size:13px}.hero-stats{gap:10px}.hero-stats div{padding-right:10px}.hero-stats strong{font-size:17px}.hero-stats span{font-size:8px}.hero-visual{min-height:290px}.screen-art{height:190px}.creative-title{font-size:23px}.floating-tag{font-size:8px;padding:7px}.floating-tag b{font-size:11px}.hero-printer{font-size:45px}.section{padding:38px 0}.section h2{font-size:26px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.category-card{min-height:155px;padding:14px}.category-card h3{font-size:13px}.product-card{height:300px}.product-thumb{height:100%}.product-info h3{font-size:11px}.product-info p{font-size:9px}.offer-badge{top:7px;left:7px;padding:6px 8px;font-size:9px}.play-overlay{width:48px;height:48px;font-size:19px}.mini-btn{display:none}.software-grid,.printing-grid,.latest-grid{grid-template-columns:1fr 1fr}.printing-grid div{padding:13px}.cta-section h2{font-size:21px}.cta-inner{grid-template-columns:1fr}.cta-inner .btn{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid;gap:7px}.contact-grid h2,.about-grid h2{font-size:30px}
}

/* Phase 2 public content */
.phase2-service-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.phase2-service-list a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;text-decoration:none;color:var(--text);box-shadow:0 8px 25px rgba(10,40,70,.05);display:flex;flex-direction:column;gap:5px}.phase2-service-list small{color:var(--muted)}.category-card img{width:58px;height:58px;object-fit:cover;border-radius:14px;margin-bottom:8px}.category-card .hero-db-en{display:none}@media(max-width:700px){.phase2-service-list{grid-template-columns:1fr 1fr}}

.store-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.store-links .category-link{background:#eaf8f4;color:#007f69;border-color:#bce9df}.store-links .category-link:hover{background:#00a889;color:#fff}.category-page{background:var(--soft);min-height:100vh;padding:40px 0}.category-page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.category-page-head h1{font-size:34px;color:var(--navy)}.category-page-head p{color:var(--muted)}.category-page-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-page-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(4,32,60,.06);transition:.2s}.category-page-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-page-card .cat-image{height:150px;background:#0b426d}.category-page-card .cat-image img{width:100%;height:100%;object-fit:cover}.category-page-card .cat-copy{padding:14px}.category-page-card h3{font-size:15px}.category-page-card p{font-size:11px;color:var(--muted);margin-top:3px}.category-page-card b{display:block;color:#008f76;margin-top:9px;font-size:11px}@media(max-width:1150px){.category-page-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.category-page{padding:25px 0}.category-page-head{align-items:start;flex-direction:column}.category-page-head h1{font-size:26px}.category-page-grid{grid-template-columns:repeat(2,1fr)}.category-page-card .cat-image{height:120px}}

.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{background:#fff;border:1px solid #d9e5ee;border-radius:14px;padding:22px;box-shadow:0 8px 20px rgba(0,34,60,.06)}.review-card .stars{letter-spacing:2px;font-size:15px;margin-bottom:10px}.review-card p{margin:0 0 14px;line-height:1.7;color:#425466}.review-card b{display:block}.review-card small{display:block;color:#718096;margin-top:3px}@media(max-width:900px){.reviews-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.reviews-grid{grid-template-columns:1fr}}


/* Phase 10 — premium storefront refinements */
.skip-link{position:fixed;left:14px;top:-80px;z-index:99999;background:#fff;color:#062b50;padding:10px 14px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);font-weight:800}.skip-link:focus{top:14px}
.site-header{backdrop-filter:saturate(140%) blur(12px)}
.product-card,.category-card,.software-card,.review-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(4,35,65,.13);border-color:#c5dce9}
.product-media{transition:transform .45s ease}.product-card:hover .product-media{transform:scale(1.035)}
.store-section .product-grid{align-items:stretch}.store-heading{gap:18px}.store-links{justify-content:flex-end}
.footer a{color:inherit}.footer-bottom a{text-decoration:none;opacity:.86}.footer-bottom a:hover{opacity:1;text-decoration:underline}
.catalog-page{min-height:100vh;background:linear-gradient(180deg,#f4f9fc 0,#fff 38%);padding:34px 0 70px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;flex-wrap:wrap}.catalog-title h1{margin:6px 0 4px;color:var(--navy);font-size:clamp(28px,4vw,44px)}.catalog-title p{color:var(--muted);margin:0}.catalog-search{display:flex;gap:8px;min-width:min(100%,420px)}.catalog-search input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}.catalog-search button{border:0;border-radius:12px;padding:0 18px;background:var(--navy);color:#fff;font-weight:800}.catalog-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 18px;color:var(--muted);font-size:13px}.catalog-empty{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;text-align:center}.pagination{display:flex;justify-content:center;gap:7px;margin-top:30px;flex-wrap:wrap}.pagination a,.pagination span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 9px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--navy);font-weight:800;text-decoration:none}.pagination .active{background:var(--navy);color:#fff;border-color:var(--navy)}.catalog-back{display:inline-flex;align-items:center;gap:7px;color:var(--navy);font-weight:800;text-decoration:none;margin-bottom:10px}
.policy-page{min-height:100vh;background:#f7fafc;padding:40px 16px 70px}.policy-wrap{max-width:900px;margin:auto}.policy-card{background:#fff;border:1px solid #e3edf3;border-radius:22px;padding:clamp(22px,5vw,48px);box-shadow:0 18px 50px rgba(7,45,80,.07)}.policy-card h1{color:#062b50}.policy-card h2{margin-top:28px;color:#0b426d}.policy-card p,.policy-card li{line-height:1.8;color:#44576a}.policy-brand{display:inline-block;margin-bottom:16px;font-weight:900;color:#062b50;text-decoration:none}
@media(max-width:700px){.catalog-search{width:100%;min-width:0}.catalog-meta{align-items:flex-start;flex-direction:column}.store-links{justify-content:flex-start}.product-card:hover{transform:none}}


/* Phase 11 — custom premium refinement */
:root{--premium-bg:#071f37;--premium-accent:#0ab389;--premium-gold:#ffcc18;--premium-soft:#f7fafc}
body{font-size:16px}
.top-marquee{height:38px;font-size:13px;font-weight:800;background:linear-gradient(90deg,#06182d,#0a2644)}
.marquee-track{gap:44px}
.marquee-track span{position:relative;padding-left:18px;letter-spacing:.4px}
.marquee-track span:before{content:"•";position:absolute;left:0;top:0;color:#16d1aa}
.contact-bar{font-size:13px}
.contact-inner{height:38px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
.header-inner{min-height:120px;align-items:flex-start;padding:16px 0 14px}
.brand{padding-top:8px}
.search-row{gap:14px}
.search-box{height:48px;border-radius:18px}
.search-box input{font-size:15px}
.search-box button{font-size:20px}
.whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#0a9f78;padding:11px 17px;border-radius:999px;font-size:13px;box-shadow:0 8px 20px rgba(10,159,120,.2)}
.whatsapp-btn svg{width:18px;height:18px}
.desktop-nav{margin-top:16px;justify-content:flex-start;flex-wrap:wrap;gap:10px 18px}
.desktop-nav a{font-size:15px;line-height:1;white-space:nowrap;padding:10px 0;color:#0e385e}
.hero{background:radial-gradient(circle at 80% 18%,rgba(41,210,184,.2),transparent 28%),linear-gradient(115deg,#041f3b 0%,#093b6b 55%,#0d8299 100%)}
.hero-grid{min-height:560px;grid-template-columns:48% 52%}
.hero-copy{padding:72px 0 60px}
.hero h1{font-size:clamp(50px,5.2vw,78px);line-height:1.02;margin-bottom:24px}
.hero p{font-size:19px;line-height:1.7;max-width:640px}
.btn{font-size:15px;padding:13px 22px;border-radius:12px}
.btn-yellow{color:#07213e}
.hero-stats strong{font-size:28px}
.hero-stats span{font-size:13px}
.hero-image-main{width:78%}
.screen-art{height:320px;border-width:10px}
.creative-title{font-size:40px}
.laptop-base{height:26px}
.floating-tag{font-size:12px;padding:12px 15px;border-radius:14px}
.floating-tag b{font-size:16px}
.hero-printer{font-size:76px}
.benefits{background:#fff;position:relative;z-index:2;margin-top:-10px}
.benefit-grid{gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(7,33,62,.06)}
.benefit{padding:22px 18px;transition:transform .35s ease, background-color .35s ease, box-shadow .35s ease}
.benefit.active,.benefit:hover{background:linear-gradient(180deg,#ffffff,#ecf8f4);transform:translateY(-6px);box-shadow:inset 0 0 0 1px #cfe9df}
.benefit.active>span,.benefit:hover>span{background:linear-gradient(135deg,#062b50,#0aa17d);transform:scale(1.08)}
.benefit>span{transition:transform .3s ease, background .3s ease}
.benefit b{font-size:16px}
.benefit small{font-size:12px;line-height:1.5}
.section{padding:78px 0}
.section h2{font-size:44px;line-height:1.14;margin-bottom:10px}
.section p{font-size:16px;line-height:1.7}
.section-kicker{font-size:13px;letter-spacing:.9px;text-transform:none}
.section-heading,.store-heading{margin-bottom:30px}
.premium-category-grid{gap:18px}
.category-grid{grid-template-columns:repeat(3,1fr)}
.category-card{padding:0;min-height:340px;border-radius:24px;background:#fff;color:#fff;border:1px solid rgba(255,255,255,.14);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 40px rgba(5,35,65,.12)}
.category-card:hover{transform:translateY(-10px)}
.cat-thumb{height:180px;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:18px;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.12)}
.cat-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,20,36,.08) 0%, rgba(6,20,36,.78) 100%)}
.cat-thumb-badge,.cat-thumb-title{position:relative;z-index:2}
.cat-thumb-badge{display:inline-flex;align-items:center;padding:6px 10px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.26)}
.cat-thumb-title{margin-left:auto;font-size:12px;font-weight:800;letter-spacing:.3px;opacity:.95}
.cat-content{padding:20px}
.cat-content h3{font-size:25px;line-height:1.2;margin-bottom:8px}
.cat-content p{font-size:14px;color:rgba(255,255,255,.86);min-height:48px}
.cat-content b{display:inline-flex;margin-top:18px;font-size:14px}
.cat-thumb-design{background:linear-gradient(135deg,#0b4c8e,#2f7cd8)}
.cat-thumb-video{background:linear-gradient(135deg,#ca235f,#fd6179)}
.cat-thumb-software{background:linear-gradient(135deg,#0d6a73,#15b89f)}
.cat-thumb-print{background:linear-gradient(135deg,#ff9815,#f25d1f)}
.cat-thumb-custom{background:linear-gradient(135deg,#6d32df,#a625d7)}
.cat-thumb-web{background:linear-gradient(135deg,#1664ba,#10acb0)}
.store-links{gap:12px}
.see-all{font-size:14px;padding:11px 16px;border-radius:999px;border:1px solid #d4e7eb;background:#fff;color:#0b7e70;display:inline-flex;align-items:center;gap:6px}
.see-all:hover{background:#0aa17d;color:#fff;border-color:#0aa17d}
.product-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{height:auto;grid-template-rows:230px auto;border-radius:20px;overflow:hidden;border:1px solid #d9e5ee;box-shadow:0 16px 38px rgba(4,32,60,.08)}
.product-thumb{min-height:230px;padding:0;overflow:hidden}
.product-media{width:100%;height:100%;object-fit:cover}
.product-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:34px;letter-spacing:.3px}
.product-fallback small{font-size:12px;letter-spacing:1.2px}
.product-info{padding:18px}
.product-info .category{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eaf8f4;color:#087b67;font-size:11px;font-weight:800;letter-spacing:.4px;margin-bottom:10px}
.product-info h3{font-size:22px;line-height:1.35;margin-bottom:8px;color:#0b2846}
.product-info p{font-size:14px;line-height:1.7;min-height:48px}
.product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:18px}
.price{font-size:30px;font-weight:900;color:#062b50;line-height:1}
.price.free{color:#0a9f78}
.product-actions{display:flex;gap:10px;align-items:center}
.preview-btn,.buy-btn,.primary-link{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 18px;border-radius:14px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.2s ease}
.preview-btn{background:#fff;color:#0d4a6d;border-color:#d0e0ea}
.preview-btn:hover{background:#f2f9fc}
.buy-btn,.primary-link{background:linear-gradient(135deg,#0aa17d,#058f6d);color:#fff;box-shadow:0 10px 24px rgba(10,161,125,.22)}
.buy-btn:hover,.primary-link:hover{transform:translateY(-2px)}
.showcase-label{font-size:14px;line-height:1.6;color:#4c6378;max-width:155px}
.video-card .product-bottom{align-items:center}
.video-card .product-actions{margin-left:auto}
.service-grid{gap:22px}
.service-panel{border-radius:24px;padding:34px;box-shadow:0 18px 44px rgba(5,35,65,.08)}
.service-panel ul li{font-size:15px;margin-bottom:8px}
.service-art{display:flex;align-items:center;justify-content:center;gap:18px}
.service-art span{display:block;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.service-art.art-design span:nth-child(1){background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,204,24,.42))}
.service-art.art-design span:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(0,168,137,.42))}
.service-art.art-design span:nth-child(3){background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(239,49,85,.42))}
.service-art.art-software span:nth-child(1),.service-art.art-web span:nth-child(1){background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(8,124,114,.4))}
.service-art.art-software span:nth-child(2),.service-art.art-web span:nth-child(2){background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,204,24,.35))}
.service-art.art-software span:nth-child(3),.service-art.art-web span:nth-child(3){background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(239,49,85,.35))}
.software-grid,.printing-grid,.latest-grid,.reviews-grid{gap:20px}
.latest-item,.software-card,.review-card{border-radius:18px;box-shadow:0 16px 34px rgba(5,35,65,.07)}
.cta-section{display:none}
.contact-grid{gap:44px;background:#fff;border-radius:26px;padding:38px;box-shadow:0 18px 42px rgba(5,35,65,.07)}
.contact-form input,.contact-form textarea,.contact-form select{border-radius:16px;padding:14px 16px;font-size:15px}
.contact-form button{color:#07213e}
.footer{background:linear-gradient(180deg,#05233f,#03182c);padding-top:25px}
.footer-grid{gap:20px;align-items:start;padding-bottom:12px}
.footer h4{font-size:18px;margin-bottom:12px;color:#fff}
.footer p,.footer small,.footer a,.footer-bottom{font-size:15px;line-height:1.8;color:#d8e6f4}
.footer-brand p{font-size:16px}
.footer-wa-btn{display:inline-flex;align-items:center;gap:8px;color:#07213e !important}
.footer-wa-btn svg{width:18px;height:18px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:10px 0 12px;margin-top:12px}
.whatsapp-float{right:22px;bottom:22px}
.whatsapp-float a{width:60px;height:60px;background:#0aa17d;border-radius:50%;display:grid;place-items:center;box-shadow:0 16px 34px rgba(3,24,44,.28)}
.whatsapp-float svg{width:28px;height:28px}
.founder-section{padding:32px 0 0;background:#fff}
.founder-inner{background:linear-gradient(135deg,#0a6c52 0%,#06553f 48%,#06362f 100%);border-radius:30px;min-height:470px;padding:44px 46px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;position:relative;overflow:hidden;color:#fff}
.founder-inner:before{content:"";position:absolute;inset:auto auto -80px -80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.06)}
.founder-copy{position:relative;z-index:2;max-width:720px}
.founder-kicker{color:#c7ffe7}
.founder-copy h2{font-size:clamp(34px,4.5vw,58px);line-height:1.08;color:#fff;margin:8px 0 16px}
.founder-copy h3{font-size:32px;line-height:1.2;margin-bottom:6px}
.founder-copy h4{font-size:18px;font-weight:700;color:#cfeee4;margin-bottom:18px}
.founder-copy p{font-size:17px;line-height:1.9;color:#ecf8f4;margin-bottom:12px}
.founder-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.founder-btn{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.18)}
.founder-btn:hover{background:rgba(255,255,255,.18)}
.founder-visual{display:flex;justify-content:center;position:relative}
.founder-photo-wrap{position:relative;width:min(420px,100%);aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center}
.founder-shape{position:absolute;border-radius:50%;border:2px solid rgba(203,226,255,.45)}
.founder-shape-one{inset:4% 0 0 10%}
.founder-shape-two{inset:11% 9% 12% 1%;border-style:dashed}
.founder-photo{position:relative;z-index:2;width:88%;height:88%;object-fit:cover;object-position:center 28%;border-radius:28px;box-shadow:0 26px 50px rgba(2,16,27,.3)}
@media(max-width:1280px){.desktop-nav a{font-size:14px}.product-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1150px){.header-inner{min-height:110px}.section h2{font-size:38px}.contact-grid{padding:30px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:22px}.hero-visual{min-height:380px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.founder-inner{grid-template-columns:1fr;min-height:auto;padding:38px 32px}.founder-copy{max-width:none}.founder-visual{order:-1}}
@media(max-width:820px){.header-inner{align-items:center;min-height:82px}.desktop-nav{display:none}.header-main{display:none}.section{padding:58px 0}.section h2{font-size:34px}.benefit-grid{grid-template-columns:1fr 1fr}.category-grid,.product-grid{grid-template-columns:1fr}.product-card{grid-template-rows:220px auto}.contact-grid{padding:24px}.contact-profile-image{width:150px;height:150px}.founder-copy h2{font-size:34px}.founder-copy h3{font-size:26px}}
@media(max-width:560px){body{font-size:15px}.top-marquee{font-size:11px;height:34px}.header-inner{padding:10px 0}.brand-mark{font-size:44px}.brand-copy strong{font-size:22px}.brand-copy b{font-size:16px}.hero-copy{padding:38px 0 16px}.hero h1{font-size:36px;letter-spacing:-1px}.hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.btn{width:auto}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr)}.hero-image-main{width:90%}.screen-art{height:220px}.creative-title{font-size:28px}.benefit-grid{grid-template-columns:1fr}.benefit{border-right:0}.section h2{font-size:30px}.category-card{min-height:320px}.cat-thumb{height:165px}.cat-content h3{font-size:22px}.product-info h3{font-size:20px}.product-bottom{flex-direction:column;align-items:flex-start}.product-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.preview-btn,.buy-btn,.primary-link{width:100%}.contact-grid{padding:18px}.contact-profile-image{width:130px;height:130px;border-width:6px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.founder-inner{padding:28px 22px 30px}.founder-photo{width:92%;height:92%}.founder-copy p{font-size:15px}.founder-actions{display:grid;grid-template-columns:1fr}.founder-actions .btn{width:100%}.whatsapp-float a{width:56px;height:56px}}


/* Phase 12 — final visual corrections requested by client */
:root{--premium-yellow:#ffcc18;--premium-ink:#082640;--premium-teal:#079f7a}

/* Header: larger, readable, no cramped two-line nav labels */
.header-inner{min-height:116px;gap:22px}
.brand{min-width:300px}
.brand-copy strong{font-size:30px}
.brand-copy b{font-size:22px}
.brand-copy small{font-size:10px}
.desktop-nav{justify-content:flex-start;gap:18px;margin-top:14px;flex-wrap:nowrap;white-space:nowrap}
.desktop-nav a{font-size:15px;line-height:1.2;padding:7px 2px 10px}
.search-box{height:46px}
.search-box input{font-size:15px}
.whatsapp-btn{font-size:13px;padding:10px 16px;display:inline-flex;align-items:center;gap:7px}
.whatsapp-btn svg{width:18px;height:18px}

/* Yellow buttons must always have strong readable contrast */
.btn-yellow,.contact-form .btn-yellow,.footer-wa-btn{background:linear-gradient(135deg,#ffd941,#ffbf00)!important;color:#082640!important;border-color:#f0b600!important;text-shadow:none!important;box-shadow:0 10px 22px rgba(214,156,0,.22)}
.btn-yellow:hover,.footer-wa-btn:hover{background:linear-gradient(135deg,#ffe36d,#ffc91c)!important;color:#061f36!important}

/* Premium category marquee: moving cards, pause on hover, each card remains a link */
.category-marquee-shell{overflow:hidden;margin-left:-2px;margin-right:-2px;padding:8px 2px 20px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.premium-category-grid{display:flex!important;gap:18px!important;width:max-content;animation:categoryMarquee 34s linear infinite;will-change:transform}
.premium-category-grid:hover{animation-play-state:paused}
.premium-category-grid .category-card{flex:0 0 268px;min-height:338px;padding:0;border-radius:22px;background:#fff!important;color:var(--text);border:1px solid #d9e7ef;box-shadow:0 14px 34px rgba(4,31,55,.09);overflow:hidden;transform:none}
.premium-category-grid .category-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 24px 50px rgba(4,31,55,.16);border-color:#b8d9d0}
.cat-thumb{height:176px;background-size:cover!important;background-position:center!important;position:relative;display:flex;align-items:flex-end;padding:16px;background-image:linear-gradient(135deg,#0a416b,#0b8e78)}
.cat-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,25,43,.05),rgba(3,25,43,.72))}
.cat-thumb-badge,.cat-thumb-title{position:relative;z-index:2;color:#fff}.cat-thumb-badge{position:absolute;top:14px;left:14px;background:#079f7a;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.cat-thumb-title{font-size:18px;font-weight:800}
.cat-content{padding:20px}.cat-content h3{font-size:22px!important;color:#082640;margin:0 0 7px}.cat-content p{font-size:14px!important;line-height:1.65;color:#607589!important;margin:0 0 16px!important}.cat-content b{font-size:14px;color:#07856b}
@keyframes categoryMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}

/* Benefit cards: not marquee, one-by-one focus/highlight */
.benefit-grid{overflow:visible}
.benefit{min-height:92px;position:relative}
.benefit b{font-size:17px!important;line-height:1.35}.benefit small{font-size:13px!important}
.benefit.active{z-index:2;transform:translateY(-7px) scale(1.025);background:linear-gradient(180deg,#fff,#eaf8f3);box-shadow:0 16px 34px rgba(5,81,66,.13)!important}

/* Store cards: larger readable copy, clear rate and premium actions */
.store-section{padding-top:68px;padding-bottom:70px}
.store-heading h2{font-size:40px}.store-heading p{font-size:15px;line-height:1.7;margin-top:6px}.see-all{font-size:14px;padding:10px 14px;border:1px solid #cfe4df;border-radius:999px;background:#fff}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.product-card{height:auto!important;min-height:465px;grid-template-rows:270px 1fr!important;border-radius:20px!important}
.product-thumb{min-height:270px;padding:18px}.product-info{padding:20px 20px 18px!important}.product-info .category{font-size:12px!important;font-weight:800}.product-info h3{font-size:21px!important;line-height:1.35;margin-top:7px}.product-info p{font-size:14px!important;line-height:1.6;margin-top:5px}.product-bottom{margin-top:18px!important;padding-top:16px;border-top:1px solid #edf2f5;gap:14px!important}.price{font-size:25px!important;font-weight:900;color:#0a8a6e}.product-actions{display:flex;gap:10px;flex-wrap:wrap}.preview-btn,.buy-btn,.primary-link{height:48px!important;min-width:110px;padding:0 18px!important;border-radius:13px!important;font-size:14px!important;font-weight:800!important}.preview-btn{border:1px solid #bfd5e2!important;background:#fff!important;color:#0a4568!important}.preview-btn:hover{background:#eff8fb!important;border-color:#8bb8ca!important}.buy-btn,.primary-link{border:0;background:linear-gradient(135deg,#078f70,#05ad83)!important;color:#fff!important;box-shadow:0 10px 22px rgba(5,154,118,.24)!important}.buy-btn:hover,.primary-link:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(5,154,118,.3)!important}.showcase-label{font-size:15px!important}

/* Founder/CEO area — corporate, reference-inspired photo treatment */
.founder-section{padding:56px 0 0;background:linear-gradient(180deg,#fff,#f5faf8)}
.founder-inner{background:linear-gradient(135deg,#0a7659 0%,#075944 48%,#06382f 100%);border-radius:32px;min-height:500px;padding:54px 58px;box-shadow:0 28px 65px rgba(2,37,31,.18)}
.founder-copy h3{font-size:36px}.founder-copy h4{font-size:20px;color:#d7f7ec}.founder-copy p{font-size:17px}
.founder-photo-wrap{width:min(440px,100%);aspect-ratio:4/5;border-radius:34px;background:linear-gradient(160deg,rgba(255,255,255,.20),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.24);padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}
.founder-shape-one{inset:7% -4% -3% 7%;border:2px solid rgba(187,255,231,.45);border-radius:38px}.founder-shape-two{inset:1% 7% 8% -4%;border-color:rgba(255,213,64,.35);border-radius:38px}
.founder-photo{width:100%;height:100%;border-radius:24px;object-position:center 34%;filter:saturate(.96) contrast(1.02);box-shadow:0 24px 50px rgba(1,20,17,.34)}

/* Floating WhatsApp stays clearly branded */
.whatsapp-float a{background:#25D366!important;border:3px solid #fff!important}.whatsapp-float svg{width:30px;height:30px}

/* Ensure no tiny copy in key areas */
.section-kicker{font-size:13px}.section p{font-size:15px}.footer p,.footer small,.footer a{font-size:15px}

@media(max-width:1280px){.desktop-nav{gap:13px}.desktop-nav a{font-size:14px}.brand{min-width:270px}.brand-copy strong{font-size:27px}.brand-copy b{font-size:20px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1040px){.desktop-nav{display:none}.header-main{display:none}.mobile-menu-btn{display:block}.header-inner{min-height:86px}.brand{min-width:0;flex:1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-marquee-shell{margin-left:-18px;margin-right:-18px}.founder-inner{grid-template-columns:1fr;padding:40px 34px}.founder-visual{order:-1}.founder-photo-wrap{width:min(420px,86vw)}}
@media(max-width:620px){.brand-copy small{display:none}.brand-copy strong{font-size:21px}.brand-copy b{font-size:15px;letter-spacing:4px}.brand-mark{font-size:42px}.section h2,.store-heading h2{font-size:30px}.product-grid{grid-template-columns:1fr!important}.product-card{grid-template-rows:230px 1fr!important;min-height:430px}.product-thumb{min-height:230px}.product-info h3{font-size:20px!important}.premium-category-grid .category-card{flex-basis:238px;min-height:320px}.cat-thumb{height:155px}.benefit-grid{grid-template-columns:1fr!important}.benefit{border-right:0!important}.founder-inner{padding:28px 20px}.founder-copy h3{font-size:28px}.founder-copy h4{font-size:17px}.founder-copy p{font-size:15px}.founder-photo-wrap{width:100%}}

@media(prefers-reduced-motion:reduce){.premium-category-grid{animation:none!important;transform:none!important}.benefit{transition:none!important}}


/* FINAL USER CORRECTIONS */
html,body{overflow-x:hidden}
.top-marquee{overflow:hidden;max-width:100%}
.marquee-track{max-width:none}
.section{padding:38px 0}
.section-heading,.store-heading{margin-bottom:18px}
.category-grid{grid-template-columns:repeat(5,1fr);gap:14px}
.product-grid,.latest-grid{grid-template-columns:repeat(5,1fr);gap:14px}
.product-card{height:330px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.footer-bottom a{display:inline-block;margin-left:12px}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9999}
.whatsapp-float a{border-radius:50%;width:60px;height:60px;display:grid;place-items:center}
@media(max-width:1200px){.category-grid,.product-grid,.latest-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.category-grid,.product-grid,.latest-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.category-grid,.product-grid,.latest-grid{grid-template-columns:repeat(2,1fr)}.section{padding:28px 0}}


/* FINAL USER REQUEST FIXES */
html,body{overflow-x:hidden!important;}
.container,.section,.category-marquee-shell{max-width:100%;overflow:hidden;}
.category-marquee-shell{width:100%;}
.top-marquee,.marquee-wrapper,.marquee-track{overflow:hidden!important;max-width:100%!important;}

.section,
.categories-section,
.latest-section,
.cta-section{
  padding-top:28px!important;
  padding-bottom:28px!important;
}

.section-heading,
.store-heading{
  margin-bottom:14px!important;
}

.category-grid,
.latest-grid,
.product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}

.latest-item,.category-card,.product-card{
  min-width:0!important;
}

@media(max-width:1200px){
 .category-grid,.latest-grid,.product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
}
@media(max-width:900px){
 .category-grid,.latest-grid,.product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
 }
}
@media(max-width:600px){
 .category-grid,.latest-grid,.product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 .section{padding-top:22px!important;padding-bottom:22px!important;}
}

.whatsapp-float{
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 position:fixed!important;
 right:20px!important;
 bottom:20px!important;
 width:60px!important;
 height:60px!important;
 border-radius:50%!important;
 z-index:99999!important;
}

/* CATEGORY MARQUEE RESTORE */
.category-marquee-shell{
 overflow:hidden;
 width:100%;
}
.category-marquee-shell .category-grid{
 display:flex;
 width:max-content;
 animation:categoryMove 30s linear infinite;
 gap:12px;
}
.category-marquee-shell:hover .category-grid{
 animation-play-state:paused;
}
.category-marquee-shell .category-card{
 flex:0 0 240px;
}
@keyframes categoryMove{
 from{transform:translateX(0)}
 to{transform:translateX(-50%)}
}
@media(max-width:768px){
 .category-marquee-shell .category-card{
  flex-basis:220px;
 }
}

/* CATEGORY MARQUEE FINAL FIX */
.category-grid{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:16px!important;}
.category-grid .category-card{flex:0 0 260px!important;}
.category-grid{animation:categoryMove 35s linear infinite;}
.category-grid:hover{animation-play-state:paused;}
@keyframes categoryMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:768px){.category-grid .category-card{flex-basis:230px!important;}}

/* TOP MARQUEE CONTAINER FIX - keep ticker inside website content area */
.top-marquee{
  width:100%;
  max-width:1140px;
  margin:0 auto;
  overflow:hidden!important;
}
.top-marquee .marquee-track{
  display:flex;
  width:max-content;
  white-space:nowrap;
  max-width:none!important;
  overflow:visible!important;
}
@media(max-width:1180px){
 .top-marquee{max-width:calc(100% - 40px);}
}


/* FINAL TOP MARQUEE CONTAINER LOCK */
.top-marquee{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  overflow:hidden !important;
}
.top-marquee-inner{
  height:100%;
  overflow:hidden;
  position:relative;
}
.top-marquee .marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  white-space:nowrap;
  overflow:visible;
  animation:marquee 28s linear infinite;
}

/* FINAL FLOATING WHATSAPP BOUNDARY FIX */
body{overflow-x:hidden;}
.whatsapp-float{
 position:fixed!important;
 right:clamp(12px,2vw,24px)!important;
 bottom:clamp(12px,2vw,24px)!important;
 width:58px!important;
 height:58px!important;
 max-width:58px!important;
 max-height:58px!important;
 z-index:99999!important;
 box-sizing:border-box!important;
}
.whatsapp-float a{
 width:100%!important;
 height:100%!important;
 display:grid!important;
 place-items:center!important;
 border-radius:50%!important;
}
@media(max-width:600px){
 .whatsapp-float{right:12px!important;bottom:12px!important;width:52px!important;height:52px!important;}
}

/* FINAL WHATSAPP CONTAINER ALIGNMENT FIX */
.whatsapp-float{
  position:fixed !important;
  z-index:99999 !important;
  right:max(calc((100vw - min(1200px, 100% - 32px))/2 + 0px), 16px) !important;
  bottom:22px !important;
}
@media(max-width:1240px){
 .whatsapp-float{right:16px !important;}
}

/* Floating WhatsApp removed as requested */
.whatsapp-float{display:none!important;}

/* FINAL HEADER LOGO + NAV FIT FIX */
.site-header .header-inner{
  min-height:128px;
  align-items:center;
  gap:16px;
}
.site-header .brand{
  flex:0 0 395px;
  min-width:395px;
  max-width:395px;
  padding-top:0;
}
.site-header .brand-mark{
  font-size:72px;
  letter-spacing:-6px;
  border-right:5px solid var(--yellow);
  padding-right:10px;
}
.site-header .brand-copy{
  padding-left:12px;
}
.site-header .brand-copy strong{
  font-size:38px;
  letter-spacing:-1px;
}
.site-header .brand-copy b{
  font-size:28px;
  letter-spacing:6px;
  margin-top:4px;
}
.site-header .brand-copy small{
  font-size:11px;
  margin-top:9px;
  white-space:nowrap;
}
.site-header .header-main{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.site-header .search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
}
.site-header .search-box{
  height:46px;
  border-radius:18px;
}
.site-header .search-box input{
  font-size:14px;
}
.site-header .search-box button{
  width:46px;
}
.site-header .desktop-nav{
  width:100%;
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:nowrap;
  white-space:nowrap;
}
.site-header .desktop-nav a{
  font-size:14px;
  line-height:1.1;
  padding:7px 0 10px;
  letter-spacing:-0.1px;
}
.site-header .cart-btn{
  font-size:20px;
}
.site-header .whatsapp-btn{
  padding:10px 15px;
  font-size:12px;
}
.site-header .whatsapp-btn span{
  white-space:nowrap;
}
@media (max-width:1360px){
  .site-header .brand{flex-basis:370px;min-width:370px;max-width:370px;}
  .site-header .brand-mark{font-size:66px;}
  .site-header .brand-copy strong{font-size:34px;}
  .site-header .brand-copy b{font-size:25px;letter-spacing:5px;}
  .site-header .desktop-nav a{font-size:13px;}
  .site-header .desktop-nav{gap:8px;}
}
@media (max-width:1180px){
  .site-header .brand{flex-basis:340px;min-width:340px;max-width:340px;}
  .site-header .brand-mark{font-size:58px;}
  .site-header .brand-copy strong{font-size:30px;}
  .site-header .brand-copy b{font-size:22px;letter-spacing:4px;}
  .site-header .brand-copy small{font-size:10px;}
  .site-header .desktop-nav a{font-size:12px;}
}

/* FINAL NAV TEXT SIZE BOOST */
.site-header .desktop-nav a{
  font-size:16px;
  font-weight:800;
  letter-spacing:0;
}
.site-header .desktop-nav{
  gap:8px;
}
@media (max-width:1360px){
  .site-header .desktop-nav a{font-size:15px;}
  .site-header .desktop-nav{gap:7px;}
}
@media (max-width:1180px){
  .site-header .desktop-nav a{font-size:14px;}
  .site-header .desktop-nav{gap:6px;}
}

/* FINAL RECENT DESIGN CARD SIZE FIX (65% thumbnail / 35% content) */
#designProductGrid.product-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
#designProductGrid .product-card{
  height:390px!important;
  min-height:390px!important;
  display:grid!important;
  grid-template-rows:65% 35%!important;
  overflow:hidden!important;
}
#designProductGrid .product-thumb{
  min-height:0!important;
  height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
}
#designProductGrid .product-media,
#designProductGrid .product-fallback{
  inset:0;
  width:100%;
  height:100%;
}
#designProductGrid .product-info{
  min-height:0!important;
  overflow:hidden!important;
  padding:12px 14px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
#designProductGrid .product-info .category{
  margin-bottom:5px!important;
}
#designProductGrid .product-info h3{
  font-size:13px!important;
  line-height:1.18!important;
  margin:4px 0 4px!important;
  min-height:31px!important;
  max-height:31px!important;
  overflow:hidden!important;
}
#designProductGrid .product-info p{
  font-size:10px!important;
  line-height:1.25!important;
  margin:0!important;
  min-height:14px!important;
  max-height:14px!important;
  overflow:hidden!important;
}
#designProductGrid .product-bottom{
  margin-top:8px!important;
  padding-top:10px!important;
  border-top:1px solid #edf2f5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
#designProductGrid .price{
  font-size:17px!important;
  line-height:1!important;
}
#designProductGrid .product-actions{
  gap:6px!important;
  flex-wrap:nowrap!important;
}
#designProductGrid .preview-btn,
#designProductGrid .buy-btn,
#designProductGrid .primary-link{
  height:40px!important;
  min-width:86px!important;
  padding:0 12px!important;
  font-size:12px!important;
  border-radius:11px!important;
}
#designProductGrid .offer-badge{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:calc(100% - 20px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:1200px){
  #designProductGrid.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  #designProductGrid.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  #designProductGrid .product-card{height:375px!important;min-height:375px!important;}
}
@media(max-width:600px){
  #designProductGrid.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #designProductGrid .product-card{height:350px!important;min-height:350px!important;}
}

/* OFFER BADGE VISIBILITY FIX */
.product-thumb{
 position:relative!important;
}
.product-thumb .offer-badge{
 position:absolute!important;
 top:12px!important;
 left:12px!important;
 z-index:20!important;
 display:inline-flex!important;
 background:#ffcc00!important;
 color:#062b50!important;
 padding:6px 12px!important;
 border-radius:999px!important;
 font-size:12px!important;
 font-weight:900!important;
 line-height:1!important;
 box-shadow:0 5px 15px rgba(0,0,0,.15)!important;
}

/* VIDEO SECTION 65/35 CARD SIZE FIX */
#videoProductGrid.product-grid{
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:14px!important;
}
#videoProductGrid .product-card,
.video-card{
 height:390px!important;
 min-height:390px!important;
 display:grid!important;
 grid-template-rows:65% 35%!important;
 overflow:hidden!important;
}
#videoProductGrid .product-thumb,
.video-card .product-thumb{
 height:100%!important;
 min-height:0!important;
 padding:0!important;
 overflow:hidden!important;
 position:relative!important;
}
#videoProductGrid .product-media,
.video-card .product-media,
#videoProductGrid .product-fallback{
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
}
#videoProductGrid .product-info,
.video-card .product-info{
 min-height:0!important;
 padding:12px 14px!important;
 display:flex!important;
 flex-direction:column!important;
 justify-content:space-between!important;
 overflow:hidden!important;
}
#videoProductGrid .product-info h3,
.video-card .product-info h3{
 font-size:13px!important;
 line-height:1.25!important;
 max-height:34px!important;
 overflow:hidden!important;
}
#videoProductGrid .product-bottom,
.video-card .product-bottom{
 margin-top:auto!important;
}

/* VIDEO CARD FINAL CONTENT RESTORE */
#videoProductGrid .video-card .product-info,
.video-card .product-info{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:10px 14px!important;
}
#videoProductGrid .video-card .product-info p,
.video-card .product-info p{
  margin-bottom:6px!important;
}
#videoProductGrid .video-card .product-bottom,
.video-card .product-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  margin-top:auto!important;
  padding-top:8px!important;
  gap:8px!important;
  border-top:1px solid #edf2f5!important;
}
#videoProductGrid .showcase-label,
.video-card .showcase-label{
  display:block!important;
  font-size:11px!important;
  line-height:1.3!important;
  max-width:95px!important;
}
#videoProductGrid .video-card .product-actions,
.video-card .product-actions{
  display:flex!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
}
#videoProductGrid .video-card .preview-btn,
#videoProductGrid .video-card .primary-link,
.video-card .preview-btn,
.video-card .primary-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:34px!important;
  min-width:72px!important;
  padding:0 8px!important;
  font-size:10px!important;
  white-space:nowrap!important;
}

/* Software Store upgrade */
.software-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.software-thumb{height:170px;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#0b3456,#007c68);overflow:hidden}
.software-thumb::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.15),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,0));pointer-events:none}
.software-thumb-print{background:linear-gradient(135deg,#0c486c,#0d8f7f)}
.software-thumb-business{background:linear-gradient(135deg,#143d7a,#008f76)}
.software-thumb-free{background:linear-gradient(135deg,#0e6a73,#0b9a7c)}
.software-thumb-inner{position:relative;z-index:1;text-align:center;padding:18px}
.software-thumb-label{display:block;font-size:28px;font-weight:900;line-height:1.1;letter-spacing:-.02em}
.software-thumb-inner small{display:block;margin-top:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.software-badge{position:absolute;top:14px;left:14px;z-index:2;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.26);color:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.software-badge.free{background:#ffd84f;border-color:#f6c81b;color:#08304f}
.software-body{padding:20px 24px 24px}
.software-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.software-meta{display:inline-block;background:#e8f8f3;color:#008e75;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800}
.software-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}
.software-status.paid{background:#eef5fb;color:#0b4f78}
.software-status.free{background:#fff5cf;color:#856100}
.software-card h3{margin:6px 0 8px}
.software-card p{margin:0;color:#59728e;line-height:1.7}
.software-info{display:grid;gap:6px;font-size:13px;color:#607d9a;line-height:1.7;margin:14px 0 16px;padding-top:12px;border-top:1px solid #edf2f5}
.software-actions{display:flex;gap:10px;flex-wrap:wrap}
.software-actions .buy-btn,.software-actions .preview-btn{min-width:120px;justify-content:center;text-decoration:none}
@media(max-width:900px){.software-thumb{height:150px}.software-thumb-label{font-size:24px}.software-body{padding:18px}}
@media(max-width:560px){.software-thumb{height:135px}.software-thumb-label{font-size:20px}.software-actions{display:grid;grid-template-columns:1fr 1fr}.software-actions .buy-btn,.software-actions .preview-btn{min-width:0;width:100%}}
/* Latest work portfolio upgrade */
.portfolio-grid .latest-card{overflow:hidden}
.portfolio-grid .latest-thumb{min-height:170px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:24px;color:#fff;background:linear-gradient(135deg,#0b3456,#0aa17d)}
.portfolio-grid .latest-content{padding:16px}
.portfolio-grid .latest-content a{display:inline-flex;margin-top:10px}


/* FINAL FIX: Keep full top navigation area locked while scrolling */
.top-marquee{position:sticky;top:0;z-index:1200;}
.contact-bar{position:sticky;top:34px;z-index:1190;}
.site-header{position:sticky;top:76px;z-index:1180;}
.top-marquee,.contact-bar,.site-header{will-change:transform;}
@media(max-width:560px){
  .contact-bar{top:34px;}
  .site-header{top:68px;}
}


/* FINAL HEADER LOCK ONLY - preserve original design */
.top-marquee{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  z-index:3000 !important;
}
.contact-bar{
  position:fixed !important;
  top:34px !important;
  left:0 !important;
  width:100% !important;
  z-index:2999 !important;
}
.site-header{
  position:fixed !important;
  top:68px !important;
  left:0 !important;
  width:100% !important;
  z-index:2998 !important;
}
/* keep page from hiding behind locked header */
body{
  padding-top:196px;
}
@media(max-width:900px){
 body{padding-top:150px}
}


/* FINAL COMPLETE CMS BRIDGE */
.software-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.software-thumb .software-badge{z-index:2}.software-body{position:relative}.portfolio-live{overflow:hidden}.portfolio-live img{display:block;width:100%;height:150px;object-fit:cover;border-radius:14px 14px 0 0}.portfolio-live span,.portfolio-live small{display:block;padding-left:14px;padding-right:14px}.portfolio-live span{padding-top:12px;font-weight:800}.portfolio-live small{padding-top:4px;padding-bottom:14px;color:#70859b}


/* =========================================================
   HERO SCREEN SLIDER — FINAL CLEAN VERSION
   Admin images are clipped strictly inside the laptop screen.
========================================================= */
.hero.admin-db-hero{background:radial-gradient(circle at 80% 18%,rgba(41,210,184,.2),transparent 28%),linear-gradient(115deg,#041f3b 0%,#093b6b 55%,#0d8299 100%) !important;background-image:radial-gradient(circle at 80% 18%,rgba(41,210,184,.2),transparent 28%),linear-gradient(115deg,#041f3b 0%,#093b6b 55%,#0d8299 100%) !important}
.hero{background:radial-gradient(circle at 80% 18%,rgba(41,210,184,.2),transparent 28%),linear-gradient(115deg,#041f3b 0%,#093b6b 55%,#0d8299 100%) !important;background-image:radial-gradient(circle at 80% 18%,rgba(41,210,184,.2),transparent 28%),linear-gradient(115deg,#041f3b 0%,#093b6b 55%,#0d8299 100%) !important}
.hero[style]{background-image:radial-gradient(circle at 80% 18%,rgba(41,210,184,.2),transparent 28%),linear-gradient(115deg,#041f3b 0%,#093b6b 55%,#0d8299 100%) !important}
.hero-visual{opacity:1 !important}
.screen-art{position:relative;overflow:hidden}
.screen-toolbar{position:relative;z-index:20}
.screen-content.israfil-screen-slider{position:absolute !important;left:0;right:0;top:27px;bottom:0;width:auto !important;height:auto !important;padding:0 !important;margin:0 !important;overflow:hidden !important;background:#101923 !important;isolation:isolate;contain:paint}
.israfil-slider-track{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.israfil-slider-slide{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;opacity:0;transform:translateX(100%);transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .45s ease;z-index:1;pointer-events:none}
.israfil-slider-slide.active{opacity:1;transform:translateX(0);z-index:3}
.israfil-slider-slide.before{opacity:0;transform:translateX(-100%);z-index:2}
.israfil-slider-slide picture{display:block;width:100%;height:100%}
.israfil-slider-slide img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;background:#101923;margin:0;padding:0;border:0}
.israfil-slider-dots{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);z-index:10;display:flex;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.35)}
.israfil-slider-dot{width:7px;min-width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.65)}
.israfil-slider-dot.active{width:22px;border-radius:999px;background:#ffcc18}

/* Stable responsive hero: text first, visual second; nothing overlaps. */
@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr !important;min-height:0 !important}
  .hero-copy{padding:40px 0 14px !important}
  .hero-visual{min-height:360px !important;width:100% !important;overflow:visible}
  .hero-image-main{width:min(82%,680px) !important;margin:25px auto 35px !important}
  .screen-art{height:auto !important;aspect-ratio:16/9 !important}
  .screen-content.israfil-screen-slider{top:27px}
}
@media(max-width:560px){
  .hero-copy{padding:30px 0 8px !important}
  .hero h1{font-size:36px !important;line-height:1.08 !important}
  .hero p{font-size:13px !important;line-height:1.65 !important}
  .hero-actions{flex-wrap:wrap;margin:20px 0}
  .hero-stats{margin-top:22px}
  .hero-visual{min-height:300px !important;padding:8px 0 24px}
  .hero-image-main{width:calc(100% - 36px) !important;max-width:520px !important;margin:18px auto 26px !important}
  .screen-art{height:auto !important;aspect-ratio:16/9 !important;border-width:7px !important}
  .screen-toolbar{height:23px !important;padding:0 8px !important}
  .screen-content.israfil-screen-slider{top:23px}
  .floating-tag{font-size:8px !important;padding:7px 8px !important}
  .floating-tag b{font-size:11px !important}
  .tag-design{left:0 !important;top:7% !important}
  .tag-video{right:0 !important;top:21% !important}
  .tag-print{right:1% !important;bottom:10% !important}
  .hero-printer{left:1% !important;bottom:9% !important;font-size:42px !important}
  .israfil-slider-dots{bottom:5px;padding:3px 6px}
  .israfil-slider-dot{width:5px;min-width:5px;height:5px}
  .israfil-slider-dot.active{width:16px}
}

/* =========================================================
   2026-10-19 — PREMIUM MOBILE EXPERIENCE FINAL
   Mobile/tablet only. Desktop remains unchanged.
========================================================= */
@media (max-width: 900px){
  html,body{overflow-x:hidden}
  body{padding-top:104px!important;background:#f6f9fc}
  .container{width:min(100% - 28px,1400px)!important}

  /* compact premium fixed header */
  .top-marquee{height:28px!important;font-size:10px!important}
  .marquee-track{gap:26px!important}
  .contact-bar{display:none!important}
  .site-header{top:28px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 8px 26px rgba(5,35,65,.09)!important;backdrop-filter:blur(16px)!important}
  .site-header .header-inner{min-height:76px!important;height:76px!important;padding:8px 0!important;gap:8px!important;align-items:center!important}
  .site-header .brand{min-width:0!important;max-width:none!important;flex:1 1 auto!important;padding:0!important}
  .site-header .brand-mark{font-size:42px!important;line-height:.82!important;letter-spacing:-4px!important;border-right-width:4px!important;padding-right:8px!important}
  .site-header .brand-copy{padding-left:8px!important}
  .site-header .brand-copy strong{font-size:19px!important;letter-spacing:-.5px!important}
  .site-header .brand-copy b{font-size:13px!important;letter-spacing:4px!important;margin-top:3px!important}
  .site-header .brand-copy small{display:none!important}
  .site-header .header-main{display:flex!important;flex:0 0 auto!important;min-width:0!important}
  .site-header .search-row{display:flex!important;align-items:center!important;gap:7px!important}
  .site-header .search-box{display:none!important}
  .site-header .desktop-nav{display:none!important}
  .site-header .cart-btn{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border:1px solid #dbe7ef!important;border-radius:12px!important;background:#f7fbfd!important;font-size:17px!important}
  .site-header #cartCount{right:-5px!important;top:-6px!important}
  .site-header .whatsapp-btn{width:38px!important;height:38px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;box-shadow:none!important}
  .site-header .whatsapp-btn svg{width:20px!important;height:20px!important}
  .site-header .whatsapp-btn span{display:none!important}
  .mobile-menu-btn{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border-radius:12px!important;font-size:21px!important;box-shadow:0 7px 18px rgba(6,43,80,.16)!important}
  .mobile-menu{position:fixed!important;top:104px!important;left:14px!important;right:14px!important;padding:12px!important;border:1px solid #dce8ef!important;border-radius:0 0 18px 18px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 45px rgba(4,31,55,.18)!important;max-height:calc(100vh - 118px)!important;overflow:auto!important;z-index:2997!important}
  .mobile-menu.open{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .mobile-menu a{padding:11px 12px!important;border:1px solid #e6eef3!important;border-radius:11px!important;background:#f7fafc!important;color:#0b3456!important;font-size:13px!important;font-weight:800!important;text-align:center!important}

  /* hero */
  .hero{border-radius:0 0 28px 28px!important;overflow:hidden!important}
  .hero-grid{display:block!important;min-height:0!important;padding-bottom:18px!important}
  .hero-copy{padding:38px 0 18px!important;text-align:left!important}
  .eyebrow{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border:1px solid rgba(109,255,217,.22)!important;border-radius:999px!important;background:rgba(4,31,59,.22)!important;font-size:10px!important;letter-spacing:1.5px!important;margin-bottom:14px!important}
  .hero h1{font-size:clamp(38px,8.5vw,52px)!important;line-height:1.04!important;letter-spacing:-1.6px!important;margin-bottom:18px!important}
  .hero p{max-width:680px!important;font-size:15px!important;line-height:1.72!important;color:#dcebf5!important}
  .hero-actions{display:flex!important;gap:10px!important;margin:22px 0 0!important;flex-wrap:wrap!important}
  .hero-actions .btn{min-height:46px!important;padding:0 18px!important;border-radius:13px!important;font-size:13px!important}
  .hero-stats{margin-top:26px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:15px 0 0!important;border-top:1px solid rgba(255,255,255,.12)!important}
  .hero-stats div{min-width:0!important;padding:0 12px!important;border-right:1px solid rgba(255,255,255,.18)!important}
  .hero-stats div:first-child{padding-left:0!important}
  .hero-stats div:last-child{border-right:0!important;padding-right:0!important}
  .hero-stats strong{font-size:22px!important;line-height:1.1!important}
  .hero-stats span{font-size:9px!important;line-height:1.35!important;margin-top:4px!important}
  .hero-visual{min-height:340px!important;width:100%!important;padding:32px 0 34px!important;overflow:visible!important;background:radial-gradient(circle at 50% 50%,rgba(0,226,182,.15),transparent 58%)!important}
  .hero-image-main{width:min(88%,620px)!important;margin:8px auto 18px!important}
  .screen-art{height:auto!important;aspect-ratio:16/9!important;border-width:7px!important;border-radius:14px 14px 7px 7px!important;box-shadow:0 20px 34px rgba(0,0,0,.30)!important}
  .screen-toolbar{height:23px!important;padding:0 8px!important;font-size:7px!important}
  .screen-content.israfil-screen-slider{top:23px!important}
  .laptop-base{height:18px!important;border-radius:0 0 14px 14px!important}
  .floating-tag{font-size:9px!important;padding:7px 9px!important;border-radius:10px!important;line-height:1.25!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important;backdrop-filter:blur(8px)!important}
  .floating-tag b{font-size:11px!important}
  .tag-design{left:3%!important;top:5%!important}
  .tag-video{right:2%!important;top:15%!important}
  .tag-print{right:4%!important;bottom:8%!important}
  .hero-printer{left:3%!important;bottom:7%!important;font-size:40px!important}

  /* benefits */
  .benefits{margin-top:0!important;padding:16px 0 6px!important;background:#f6f9fc!important;border:0!important}
  .benefit-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
  .benefit{min-height:88px!important;padding:14px!important;border:1px solid #e2ebf1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 24px rgba(4,31,55,.055)!important;gap:10px!important}
  .benefit:last-child{grid-column:1/-1!important}
  .benefit>span{width:42px!important;height:42px!important;font-size:17px!important}
  .benefit b{font-size:13px!important;line-height:1.3!important}
  .benefit small{font-size:10px!important;line-height:1.45!important;margin-top:3px!important}
  .benefit.active,.benefit:hover{transform:none!important}

  /* universal mobile sections */
  .section{padding:48px 0!important}
  .section-heading,.store-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;margin-bottom:22px!important}
  .section-kicker{display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border-radius:999px!important;background:#e8f7f2!important;color:#078168!important;font-size:10px!important;letter-spacing:.7px!important}
  .section h2,.store-heading h2{font-size:30px!important;line-height:1.16!important;letter-spacing:-.5px!important;margin:7px 0 7px!important}
  .section p,.store-heading p{font-size:13px!important;line-height:1.7!important}
  .store-links{width:100%!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-start!important}
  .see-all{font-size:11px!important;padding:9px 12px!important;border-radius:999px!important}

  /* categories become premium swipe cards on mobile */
  .category-marquee-shell{overflow-x:auto!important;overflow-y:hidden!important;margin:0 -14px!important;padding:4px 14px 18px!important;mask-image:none!important;-webkit-mask-image:none!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .category-marquee-shell::-webkit-scrollbar{display:none!important}
  .premium-category-grid{display:flex!important;width:max-content!important;gap:12px!important;animation:none!important;transform:none!important}
  .premium-category-grid .category-card{flex:0 0 min(78vw,300px)!important;min-height:310px!important;border-radius:20px!important;scroll-snap-align:start!important;box-shadow:0 14px 32px rgba(4,31,55,.10)!important}
  .premium-category-grid .category-card[aria-hidden="true"]{display:none!important}
  .cat-thumb{height:160px!important}
  .cat-content{padding:18px!important}
  .cat-content h3{font-size:21px!important}
  .cat-content p{font-size:13px!important;min-height:auto!important}
  .cat-content b{font-size:12px!important;margin-top:12px!important}

  /* product stores */
  #designProductGrid.product-grid,#videoProductGrid.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  #designProductGrid .product-card,#videoProductGrid .product-card{height:auto!important;min-height:0!important;grid-template-rows:180px auto!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(4,31,55,.08)!important}
  #designProductGrid .product-info,#videoProductGrid .product-info{padding:13px!important;overflow:visible!important}
  #designProductGrid .product-info h3,#videoProductGrid .product-info h3{font-size:15px!important;min-height:0!important;max-height:none!important;line-height:1.32!important}
  #designProductGrid .product-info p,#videoProductGrid .product-info p{font-size:11px!important;min-height:0!important;max-height:38px!important;line-height:1.55!important}
  #designProductGrid .product-bottom,#videoProductGrid .product-bottom{margin-top:12px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  #designProductGrid .price,#videoProductGrid .price{font-size:20px!important}
  #designProductGrid .product-actions,#videoProductGrid .product-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:7px!important;margin:0!important}
  #designProductGrid .preview-btn,#designProductGrid .buy-btn,#videoProductGrid .preview-btn,#videoProductGrid .primary-link,#videoProductGrid .buy-btn{height:38px!important;min-width:0!important;width:100%!important;padding:0 8px!important;border-radius:10px!important;font-size:10px!important}
  .play-overlay{width:48px!important;height:48px!important;font-size:19px!important}

  /* service panels */
  .service-grid{gap:14px!important}
  .service-panel{grid-template-columns:1fr!important;min-height:0!important;padding:24px 22px!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(4,31,55,.10)!important}
  .service-panel h2{font-size:25px!important;line-height:1.22!important}
  .service-panel p{font-size:13px!important}
  .service-panel ul{gap:7px 12px!important;margin:14px 0 18px!important}
  .service-panel li{font-size:12px!important}
  .service-art{display:none!important}
  .phase2-service-list{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .phase2-service-list a{padding:13px!important;border-radius:14px!important}

  /* software, printing, latest and reviews */
  .software-grid,.printing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .software-card,.printing-card{border-radius:18px!important;box-shadow:0 10px 28px rgba(4,31,55,.07)!important}
  .software-thumb{height:150px!important}
  .software-body,.printing-body{padding:15px!important}
  .software-card h3,.printing-body h3{font-size:18px!important}
  .software-card p,.printing-body p{font-size:12px!important;line-height:1.6!important}
  .software-actions,.printing-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .software-actions .buy-btn,.software-actions .preview-btn,.printing-actions .buy-btn,.printing-actions .preview-btn{min-width:0!important;width:100%!important;height:38px!important;padding:0 7px!important;font-size:10px!important}
  .printing-thumb{height:150px!important}
  .printing-thumb-title{font-size:21px!important}
  .latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .latest-item{border-radius:16px!important;box-shadow:0 8px 24px rgba(4,31,55,.07)!important}
  .portfolio-grid .latest-thumb{min-height:130px!important;font-size:17px!important}
  .reviews-grid{grid-template-columns:1fr!important;gap:12px!important}
  .review-card{padding:18px!important;border-radius:18px!important}

  /* contact */
  .contact-section{background:linear-gradient(180deg,#f5f9fc,#edf5f8)!important}
  .contact-grid{grid-template-columns:1fr!important;gap:16px!important;padding:18px!important;border-radius:22px!important;box-shadow:0 16px 40px rgba(4,31,55,.08)!important}
  .contact-info-panel{padding:4px 2px 10px!important}
  .contact-profile-wrap{justify-content:center!important;margin-bottom:16px!important}
  .contact-profile-image{width:112px!important;height:112px!important;border-width:5px!important}
  .contact-copy{text-align:center!important;max-width:none!important}
  .contact-copy .section-kicker{margin:auto!important}
  .contact-grid h2{font-size:28px!important;margin-top:10px!important}
  .contact-details{gap:7px!important;margin-top:16px!important}
  .contact-details p{font-size:14px!important}
  .contact-form{padding:18px!important;border-radius:18px!important;box-shadow:none!important;border:1px solid #e3edf3!important}
  .contact-form input,.contact-form textarea,.contact-form select{padding:13px 14px!important;border-radius:12px!important;font-size:14px!important}
  .contact-form .btn{min-height:46px!important;width:100%!important}

  /* footer */
  .footer{padding-top:34px!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:22px 18px!important;padding-bottom:22px!important}
  .footer-brand{grid-column:1/-1!important;padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .footer-logo{font-size:30px!important}
  .footer h4{font-size:14px!important;margin-bottom:9px!important}
  .footer p,.footer small,.footer a{font-size:12px!important;line-height:1.65!important}
  .footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:1/-1!important}
  .footer-wa-btn{width:100%!important;justify-content:center!important;margin-top:8px!important}
  .footer-bottom{display:flex!important;flex-direction:column!important;gap:8px!important;text-align:center!important;padding:14px 0 18px!important;font-size:10px!important}

  /* cart/modal fit mobile */
  .cart-drawer{width:min(390px,94vw)!important}
  .modal{max-height:90vh!important;overflow:auto!important;border-radius:18px!important}
}

@media (max-width: 620px){
  body{padding-top:100px!important}
  .site-header .header-inner{height:72px!important;min-height:72px!important}
  .mobile-menu{top:100px!important}
  .site-header .brand-mark{font-size:38px!important}
  .site-header .brand-copy strong{font-size:18px!important}
  .site-header .brand-copy b{font-size:12px!important;letter-spacing:3.5px!important}
  .site-header .cart-btn,.site-header .whatsapp-btn{width:34px!important;height:34px!important;border-radius:10px!important}
  .mobile-menu-btn{width:36px!important;height:36px!important;border-radius:10px!important}

  .hero{border-radius:0 0 22px 22px!important}
  .hero-copy{padding:30px 0 14px!important}
  .hero h1{font-size:36px!important;line-height:1.05!important}
  .hero p{font-size:13px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .hero-actions .btn{width:100%!important;padding:0 10px!important;font-size:12px!important}
  .hero-stats strong{font-size:19px!important}
  .hero-stats span{font-size:8px!important}
  .hero-visual{min-height:270px!important;padding:28px 0 24px!important}
  .hero-image-main{width:91%!important;margin:4px auto 12px!important}
  .floating-tag{font-size:8px!important;padding:6px 7px!important;transform:none!important}
  .floating-tag b{font-size:10px!important}
  .tag-design{left:1%!important;top:4%!important}
  .tag-video{right:0!important;top:16%!important}
  .tag-print{right:2%!important;bottom:8%!important}
  .hero-printer{left:1%!important;bottom:7%!important;font-size:32px!important}

  .benefit-grid{gap:8px!important}
  .benefit{min-height:82px!important;padding:12px!important}
  .benefit>span{width:38px!important;height:38px!important}
  .benefit b{font-size:12px!important}
  .benefit small{font-size:9px!important}

  .section{padding:42px 0!important}
  .section h2,.store-heading h2{font-size:27px!important}

  #designProductGrid.product-grid,#videoProductGrid.product-grid{grid-template-columns:1fr!important;gap:14px!important}
  #designProductGrid .product-card,#videoProductGrid .product-card{grid-template-rows:210px auto!important;border-radius:20px!important}
  #designProductGrid .product-info,#videoProductGrid .product-info{padding:16px!important}
  #designProductGrid .product-info h3,#videoProductGrid .product-info h3{font-size:18px!important}
  #designProductGrid .product-info p,#videoProductGrid .product-info p{font-size:12px!important;max-height:none!important}
  #designProductGrid .preview-btn,#designProductGrid .buy-btn,#videoProductGrid .preview-btn,#videoProductGrid .primary-link,#videoProductGrid .buy-btn{height:42px!important;font-size:11px!important}

  .phase2-service-list{grid-template-columns:1fr!important}
  .software-grid,.printing-grid{grid-template-columns:1fr!important}
  .software-thumb,.printing-thumb{height:180px!important}
  .software-body,.printing-body{padding:18px!important}
  .software-card h3,.printing-body h3{font-size:21px!important}
  .latest-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .portfolio-grid .latest-thumb{min-height:110px!important;font-size:15px!important}

  .footer-grid{grid-template-columns:1fr 1fr!important}
}

@media (max-width: 380px){
  .container{width:calc(100% - 20px)!important}
  .site-header .brand-copy b{letter-spacing:2.5px!important}
  .site-header .cart-btn,.site-header .whatsapp-btn{display:none!important}
  .hero h1{font-size:33px!important}
  .hero-actions{grid-template-columns:1fr!important}
  .hero-visual{min-height:245px!important}
  .floating-tag{padding:5px 6px!important}
  .latest-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-grid>div{grid-column:1!important}
}

/* =========================================================
   2026-10-19 — FINAL MOBILE STORE + CATEGORY MARQUEE V2
   Scope: mobile/tablet only. Desktop rules are untouched.
   - Category cards keep continuous marquee on mobile
   - Design/Video store uses 2 compact premium cards per row
========================================================= */
@media (max-width:900px){
  /* Restore the continuous category marquee on mobile */
  .category-marquee-shell{
    overflow:hidden!important;
    overflow-x:hidden!important;
    margin:0 -14px!important;
    padding:6px 14px 20px!important;
    scroll-snap-type:none!important;
    scrollbar-width:none!important;
    mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important;
  }
  .premium-category-grid{
    display:flex!important;
    width:max-content!important;
    gap:12px!important;
    animation:categoryMarquee 32s linear infinite!important;
    transform:none;
    will-change:transform;
  }
  .category-marquee-shell:hover .premium-category-grid,
  .category-marquee-shell:active .premium-category-grid{
    animation-play-state:paused!important;
  }
  .premium-category-grid .category-card,
  .premium-category-grid .category-card[aria-hidden="true"]{
    display:flex!important;
    flex:0 0 250px!important;
    min-height:296px!important;
    border-radius:19px!important;
    scroll-snap-align:none!important;
    box-shadow:0 12px 28px rgba(4,31,55,.09)!important;
  }
  .premium-category-grid .cat-thumb{height:148px!important}
  .premium-category-grid .cat-content{padding:16px!important}
  .premium-category-grid .cat-content h3{font-size:19px!important}
  .premium-category-grid .cat-content p{font-size:12px!important;line-height:1.55!important;margin-bottom:9px!important}
  .premium-category-grid .cat-content b{font-size:11px!important;margin-top:8px!important}

  /* Compact 2-column store cards */
  #designProductGrid.product-grid,
  #videoProductGrid.product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  #designProductGrid .product-card,
  #videoProductGrid .product-card{
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    grid-template-rows:145px auto!important;
    border-radius:16px!important;
    box-shadow:0 9px 24px rgba(4,31,55,.075)!important;
  }
  #designProductGrid .product-thumb,
  #videoProductGrid .product-thumb{
    min-height:145px!important;
    height:145px!important;
    padding:0!important;
  }
  #designProductGrid .offer-badge,
  #videoProductGrid .offer-badge{
    top:7px!important;
    left:7px!important;
    padding:5px 7px!important;
    font-size:8px!important;
    border-width:1px!important;
  }
  #designProductGrid .product-info,
  #videoProductGrid .product-info{
    padding:10px!important;
    min-width:0!important;
  }
  #designProductGrid .product-info .category,
  #videoProductGrid .product-info .category{
    font-size:8px!important;
    padding:4px 7px!important;
    margin-bottom:7px!important;
  }
  #designProductGrid .product-info h3,
  #videoProductGrid .product-info h3{
    font-size:13px!important;
    line-height:1.3!important;
    min-height:34px!important;
    max-height:34px!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    margin:0 0 5px!important;
  }
  #designProductGrid .product-info p,
  #videoProductGrid .product-info p{
    font-size:9px!important;
    line-height:1.45!important;
    min-height:27px!important;
    max-height:27px!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    margin:0!important;
  }
  #designProductGrid .product-bottom,
  #videoProductGrid .product-bottom{
    margin-top:9px!important;
    gap:7px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #designProductGrid .price,
  #videoProductGrid .price{
    font-size:17px!important;
    line-height:1!important;
  }
  #designProductGrid .showcase-label,
  #videoProductGrid .showcase-label{
    font-size:9px!important;
    line-height:1.3!important;
    max-width:none!important;
  }
  #designProductGrid .product-actions,
  #videoProductGrid .product-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    width:100%!important;
    margin:0!important;
  }
  #designProductGrid .preview-btn,
  #designProductGrid .buy-btn,
  #videoProductGrid .preview-btn,
  #videoProductGrid .primary-link,
  #videoProductGrid .buy-btn{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 5px!important;
    border-radius:9px!important;
    font-size:8.5px!important;
    white-space:nowrap!important;
  }
  #videoProductGrid .play-overlay{
    width:42px!important;
    height:42px!important;
    font-size:17px!important;
  }
}

@media (max-width:620px){
  /* Keep 2 columns on normal phones; previous 1-column rule is intentionally overridden */
  #designProductGrid.product-grid,
  #videoProductGrid.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #designProductGrid .product-card,
  #videoProductGrid .product-card{
    grid-template-rows:132px auto!important;
    border-radius:15px!important;
  }
  #designProductGrid .product-thumb,
  #videoProductGrid .product-thumb{
    min-height:132px!important;
    height:132px!important;
  }
  #designProductGrid .product-info,
  #videoProductGrid .product-info{padding:9px!important}
  #designProductGrid .product-info h3,
  #videoProductGrid .product-info h3{font-size:12px!important;min-height:32px!important;max-height:32px!important}
  #designProductGrid .product-info p,
  #videoProductGrid .product-info p{font-size:8.5px!important}
  #designProductGrid .price,
  #videoProductGrid .price{font-size:16px!important}

  .premium-category-grid .category-card,
  .premium-category-grid .category-card[aria-hidden="true"]{
    flex-basis:220px!important;
    min-height:278px!important;
  }
  .premium-category-grid .cat-thumb{height:136px!important}
  .premium-category-grid .cat-content{padding:14px!important}
  .premium-category-grid .cat-content h3{font-size:17px!important}
}

@media (max-width:380px){
  /* Even on small phones keep the requested 2-card premium store layout */
  #designProductGrid.product-grid,
  #videoProductGrid.product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #designProductGrid .product-card,
  #videoProductGrid .product-card{grid-template-rows:116px auto!important;border-radius:13px!important}
  #designProductGrid .product-thumb,
  #videoProductGrid .product-thumb{height:116px!important;min-height:116px!important}
  #designProductGrid .product-info,
  #videoProductGrid .product-info{padding:8px!important}
  #designProductGrid .product-info .category,
  #videoProductGrid .product-info .category{font-size:7px!important;padding:3px 6px!important}
  #designProductGrid .product-info h3,
  #videoProductGrid .product-info h3{font-size:11px!important;min-height:29px!important;max-height:29px!important}
  #designProductGrid .product-info p,
  #videoProductGrid .product-info p{font-size:8px!important;min-height:24px!important;max-height:24px!important}
  #designProductGrid .price,
  #videoProductGrid .price{font-size:15px!important}
  #designProductGrid .preview-btn,
  #designProductGrid .buy-btn,
  #videoProductGrid .preview-btn,
  #videoProductGrid .primary-link,
  #videoProductGrid .buy-btn{height:31px!important;font-size:7.5px!important;padding:0 3px!important}

  .premium-category-grid .category-card,
  .premium-category-grid .category-card[aria-hidden="true"]{flex-basis:205px!important}
}

/* =========================================================
   2026-10-19 — MOBILE STORE V3 HARD LOCK
   Fixes mobile touch-hover pause + forces two-card storefront.
========================================================= */
@media (max-width:900px){
  /* Touch devices must never get stuck in :hover pause state */
  .premium-category-grid,
  .premium-category-grid:hover,
  .category-marquee-shell:hover .premium-category-grid,
  .category-marquee-shell:active .premium-category-grid{
    animation-name:categoryMarquee!important;
    animation-duration:30s!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
    animation-play-state:running!important;
  }

  /* Hard lock: exactly 2 compact cards in Design + Video storefront */
  #designProductGrid.product-grid,
  #videoProductGrid.product-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
  }
  #designProductGrid .product-card,
  #videoProductGrid .product-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    grid-template-rows:138px auto!important;
  }
  #designProductGrid .product-thumb,
  #videoProductGrid .product-thumb{
    height:138px!important;
    min-height:138px!important;
  }
}

@media (max-width:620px){
  #designProductGrid.product-grid,
  #videoProductGrid.product-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
  }
  #designProductGrid .product-card,
  #videoProductGrid .product-card{
    grid-template-rows:126px auto!important;
  }
  #designProductGrid .product-thumb,
  #videoProductGrid .product-thumb{
    height:126px!important;
    min-height:126px!important;
  }
}

@media (max-width:380px){
  #designProductGrid.product-grid,
  #videoProductGrid.product-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
  }
}

/* =========================================================
   2026-10-19 — PREMIUM MOBILE ALL-SECTIONS V4 HARD LOCK
   Desktop untouched. Compact, premium mobile presentation.
========================================================= */
@media (max-width:900px){
  body{overflow-x:hidden!important;background:#f7fafc!important}
  .container{width:calc(100% - 28px)!important;max-width:100%!important}
  .section{padding:34px 0!important}
  .section-heading,.store-heading{align-items:flex-start!important;gap:12px!important;margin-bottom:18px!important}
  .section-heading h2,.store-heading h2,.section h2{font-size:28px!important;line-height:1.18!important;letter-spacing:-.5px!important}
  .section-heading p,.store-heading p,.section p{font-size:13px!important;line-height:1.65!important}
  .section-kicker{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;padding:7px 11px!important;border-radius:999px!important;background:#e8f7f3!important;color:#087b67!important;font-size:10px!important;letter-spacing:.45px!important}

  /* Benefits */
  .benefit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;border:0!important;box-shadow:none!important;background:transparent!important}
  .benefit{min-height:76px!important;padding:12px!important;border:1px solid #e1ebf1!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 20px rgba(5,35,65,.055)!important}
  .benefit>span{width:38px!important;height:38px!important;font-size:15px!important}
  .benefit b{font-size:12px!important;line-height:1.28!important}.benefit small{font-size:9px!important}
  .benefit:last-child{grid-column:1/-1!important}

  /* Category marquee stays moving on touch */
  .category-marquee-shell{overflow:hidden!important;margin:0 -14px!important;padding:4px 14px 14px!important;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)!important}
  .premium-category-grid,.premium-category-grid:hover,.category-marquee-shell:hover .premium-category-grid,.category-marquee-shell:active .premium-category-grid{display:flex!important;width:max-content!important;animation:categoryMarquee 30s linear infinite!important;animation-play-state:running!important;gap:10px!important}
  .premium-category-grid .category-card,.premium-category-grid .category-card[aria-hidden="true"]{flex:0 0 220px!important;min-height:270px!important;border-radius:18px!important;box-shadow:0 10px 26px rgba(4,31,55,.08)!important}
  .premium-category-grid .cat-thumb{height:132px!important}.premium-category-grid .cat-content{padding:13px!important}
  .premium-category-grid .cat-content h3{font-size:17px!important}.premium-category-grid .cat-content p{font-size:11px!important;min-height:34px!important}.premium-category-grid .cat-content b{font-size:10px!important;margin-top:7px!important}

  /* Design + Video storefront: always 2 compact cards */
  #designProductGrid.product-grid,#videoProductGrid.product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important}
  #designProductGrid .product-card,#videoProductGrid .product-card{width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;grid-template-rows:128px auto!important;border-radius:15px!important;box-shadow:0 8px 22px rgba(4,31,55,.07)!important}
  #designProductGrid .product-thumb,#videoProductGrid .product-thumb{height:128px!important;min-height:128px!important}
  #designProductGrid .product-info,#videoProductGrid .product-info{padding:9px!important}
  #designProductGrid .product-info .category,#videoProductGrid .product-info .category{font-size:7.5px!important;padding:4px 6px!important;margin-bottom:6px!important}
  #designProductGrid .product-info h3,#videoProductGrid .product-info h3{font-size:12px!important;line-height:1.28!important;min-height:31px!important;max-height:31px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #designProductGrid .product-info p,#videoProductGrid .product-info p{font-size:8.5px!important;line-height:1.42!important;min-height:24px!important;max-height:24px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #designProductGrid .product-bottom,#videoProductGrid .product-bottom{margin-top:8px!important;padding-top:8px!important;gap:6px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
  #designProductGrid .price,#videoProductGrid .price{font-size:16px!important}.showcase-label{font-size:8px!important}
  #designProductGrid .product-actions,#videoProductGrid .product-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;width:100%!important;margin:0!important}
  #designProductGrid .preview-btn,#designProductGrid .buy-btn,#videoProductGrid .preview-btn,#videoProductGrid .buy-btn,#videoProductGrid .primary-link{height:32px!important;min-width:0!important;width:100%!important;padding:0 4px!important;border-radius:9px!important;font-size:7.5px!important;white-space:nowrap!important}

  /* Big service panels: keep one column, but premium and much shorter */
  .service-grid{gap:12px!important}
  .service-panel{grid-template-columns:1fr!important;min-height:0!important;padding:20px!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(4,31,55,.09)!important}
  .service-panel h2{font-size:23px!important;line-height:1.22!important;margin:7px 0 9px!important}
  .service-panel p{font-size:12px!important;line-height:1.6!important}
  .service-panel ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 10px!important;margin:13px 0 16px!important}
  .service-panel li{font-size:10.5px!important;line-height:1.4!important}
  .service-panel .btn{min-height:42px!important;padding:10px 14px!important;font-size:12px!important;border-radius:12px!important}

  /* Software store: 2 cards per row */
  .software-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .software-card{min-width:0!important;border-radius:17px!important;overflow:hidden!important;box-shadow:0 9px 24px rgba(4,31,55,.07)!important}
  .software-thumb{height:118px!important;min-height:118px!important}.software-thumb-label{font-size:16px!important;line-height:1.2!important}.software-thumb-inner small{font-size:8px!important}.software-badge{font-size:8px!important;padding:5px 7px!important}
  .software-body{padding:11px!important}.software-meta-row{gap:5px!important}.software-meta,.software-status{font-size:7.5px!important;padding:4px 6px!important}
  .software-card h3{font-size:15px!important;line-height:1.25!important;margin:6px 0!important}.software-card p{font-size:9.5px!important;line-height:1.5!important;min-height:29px!important;max-height:29px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .software-info{gap:4px!important;margin-top:9px!important}.software-info span{font-size:8.5px!important;line-height:1.35!important}
  .software-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:10px!important}
  .software-actions .buy-btn,.software-actions .preview-btn{min-width:0!important;width:100%!important;height:32px!important;padding:0 4px!important;font-size:7.5px!important;border-radius:9px!important}

  /* Printing store: 2 cards per row */
  .printing-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .printing-card{min-width:0!important;border-radius:17px!important;box-shadow:0 9px 24px rgba(4,31,55,.07)!important}
  .printing-thumb{height:118px!important;min-height:118px!important}.printing-badge{left:9px!important;top:9px!important;padding:5px 7px!important;font-size:8px!important}.printing-thumb-inner{padding:10px!important}.printing-thumb-title{font-size:17px!important;line-height:1.2!important}.printing-thumb-inner small{font-size:8px!important;margin-top:6px!important}
  .printing-body{padding:11px!important;gap:5px!important}.printing-meta{padding:4px 7px!important;font-size:7.5px!important}.printing-body h3{font-size:15px!important;line-height:1.25!important}.printing-body p{font-size:9.5px!important;line-height:1.5!important;min-height:29px!important;max-height:29px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .printing-bottom{gap:8px!important;padding-top:9px!important}.printing-bottom .price{font-size:15px!important}.printing-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.printing-actions .preview-btn,.printing-actions .buy-btn{min-width:0!important;width:100%!important;height:32px!important;padding:0 4px!important;font-size:7.5px!important;border-radius:9px!important}

  /* Latest / reviews */
  .latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.latest-item{border-radius:15px!important;box-shadow:0 8px 22px rgba(4,31,55,.06)!important}.latest-thumb{height:105px!important}.latest-item span{font-size:10px!important;padding:8px!important}
  .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.review-card{padding:13px!important;border-radius:15px!important}.review-card .stars{font-size:11px!important;margin-bottom:6px!important}.review-card p{font-size:9.5px!important;line-height:1.5!important;margin-bottom:8px!important}.review-card b{font-size:10px!important}.review-card small{font-size:8px!important}

  /* Contact */
  .contact-grid{grid-template-columns:1fr!important;gap:14px!important;padding:16px!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(4,31,55,.07)!important}
  .contact-profile-image{width:105px!important;height:105px!important;border-width:5px!important}.contact-profile-wrap{margin-bottom:12px!important}.contact-grid h2{font-size:25px!important}.contact-details{margin-top:12px!important;gap:4px!important}.contact-details p{font-size:12px!important}.contact-form{padding:15px!important;border-radius:16px!important;gap:9px!important}.contact-form input,.contact-form textarea,.contact-form select{padding:11px 12px!important;border-radius:11px!important;font-size:12px!important}

  /* Footer: compact 2-column premium layout */
  .footer{padding-top:26px!important}.footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 14px!important;padding-bottom:18px!important}
  .footer-brand{grid-column:1/-1!important;padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}.footer-logo{font-size:28px!important}.footer-logo span{font-size:16px!important}.footer-brand p{font-size:11px!important;margin:5px 0!important}.footer-brand small{font-size:10px!important;line-height:1.55!important}
  .footer h4{font-size:13px!important;margin-bottom:8px!important}.footer a,.footer p{font-size:10px!important;line-height:1.5!important;margin:5px 0!important}
  .footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:1/-1!important}
  .footer-grid>div:nth-child(4){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 10px!important;padding-top:4px!important}.footer-grid>div:nth-child(4) h4{grid-column:1/-1!important}.footer-grid>div:nth-child(4) p{margin:2px 0!important;word-break:break-word!important}
  .footer-grid>div:nth-child(5){padding-top:8px!important;border-top:1px solid rgba(255,255,255,.08)!important}.footer-wa-btn{width:100%!important;min-height:42px!important;padding:9px 14px!important;font-size:12px!important;border-radius:13px!important;margin-top:7px!important}
  .footer-bottom{display:grid!important;gap:8px!important;text-align:center!important;padding:13px 0 16px!important;font-size:8.5px!important;line-height:1.5!important}
}

@media (max-width:620px){
  .container{width:calc(100% - 24px)!important}.section{padding:30px 0!important}
  .section-heading h2,.store-heading h2,.section h2{font-size:25px!important}
  .software-grid,.printing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .software-thumb,.printing-thumb{height:108px!important;min-height:108px!important}
  .software-body,.printing-body{padding:9px!important}
  .software-card h3,.printing-body h3{font-size:13.5px!important}
  .software-card p,.printing-body p{font-size:8.5px!important;min-height:25px!important;max-height:25px!important}
  .software-info span{font-size:7.7px!important}
  .software-actions .buy-btn,.software-actions .preview-btn,.printing-actions .buy-btn,.printing-actions .preview-btn{height:30px!important;font-size:7px!important}
  .reviews-grid{grid-template-columns:1fr 1fr!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
}

@media (max-width:380px){
  .container{width:calc(100% - 20px)!important}
  .software-grid,.printing-grid,#designProductGrid.product-grid,#videoProductGrid.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .software-thumb,.printing-thumb{height:96px!important;min-height:96px!important}
  .software-thumb-label,.printing-thumb-title{font-size:14px!important}
  .software-body,.printing-body{padding:8px!important}
  .software-card h3,.printing-body h3{font-size:12px!important}.software-card p,.printing-body p{font-size:8px!important}
  .reviews-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5),.footer-brand{grid-column:1/-1!important}
}

/* =========================================================
   2026-10-19 — PREMIUM MOBILE V5
   Full mobile visual system polish. Desktop untouched.
========================================================= */
@media (max-width:900px){
  :root{
    --m-card-radius:18px;
    --m-gap:10px;
    --m-shadow:0 10px 28px rgba(5,35,65,.08);
    --m-border:#dde8ef;
    --m-soft:#f6fafc;
  }

  body{background:#f6f9fb!important;overflow-x:hidden!important}
  .container{width:calc(100% - 24px)!important}
  .section{padding:32px 0!important}
  .section-heading,.store-heading{margin-bottom:16px!important;gap:10px!important}
  .section-heading h2,.store-heading h2,.section h2{font-size:25px!important;line-height:1.18!important;letter-spacing:-.35px!important}
  .section-heading p,.store-heading p,.section p{font-size:12.5px!important;line-height:1.58!important}
  .section-kicker{padding:6px 10px!important;font-size:9.5px!important;border-radius:999px!important}

  /* Header: clean, premium, compact */
  .header-inner{min-height:96px!important;padding:12px 0!important;align-items:center!important}
  .brand{padding-top:0!important}
  .brand-mark{font-size:46px!important}
  .brand-copy strong{font-size:21px!important}.brand-copy b{font-size:15px!important;letter-spacing:4px!important}.brand-copy small{display:none!important}
  .mobile-menu-btn{width:56px!important;height:56px!important;padding:0!important;border-radius:16px!important;font-size:27px!important;box-shadow:0 8px 20px rgba(6,43,80,.16)!important}
  .mobile-menu{padding:12px 14px 16px!important;grid-template-columns:1fr 1fr!important;gap:7px!important;background:#fff!important}
  .mobile-menu a{border:1px solid #e3edf3!important;border-radius:11px!important;padding:10px 11px!important;font-size:11px!important;background:#f8fbfd!important}

  /* Benefit cards */
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .benefit{min-height:72px!important;padding:10px!important;border-radius:15px!important;box-shadow:var(--m-shadow)!important}
  .benefit>span{width:36px!important;height:36px!important}.benefit b{font-size:11px!important}.benefit small{font-size:8.5px!important}

  /* Category marquee */
  .category-marquee-shell{margin:0 -12px!important;padding:4px 12px 10px!important}
  .premium-category-grid,.premium-category-grid:hover,.category-marquee-shell:hover .premium-category-grid,.category-marquee-shell:active .premium-category-grid{gap:10px!important;animation:categoryMarquee 30s linear infinite!important;animation-play-state:running!important}
  .premium-category-grid .category-card,.premium-category-grid .category-card[aria-hidden="true"]{flex:0 0 208px!important;min-height:254px!important;border-radius:18px!important;box-shadow:var(--m-shadow)!important}
  .premium-category-grid .cat-thumb{height:122px!important}
  .premium-category-grid .cat-content{padding:12px!important}.premium-category-grid .cat-content h3{font-size:16px!important}.premium-category-grid .cat-content p{font-size:10.5px!important;line-height:1.45!important;min-height:30px!important}.premium-category-grid .cat-content b{font-size:10px!important;margin-top:6px!important}

  /* Unified 2-column product system */
  #designProductGrid.product-grid,#videoProductGrid.product-grid,.software-grid,.printing-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--m-gap)!important}

  #designProductGrid .product-card,#videoProductGrid .product-card,.software-card,.printing-card{border:1px solid var(--m-border)!important;border-radius:var(--m-card-radius)!important;box-shadow:var(--m-shadow)!important;background:#fff!important;overflow:hidden!important;min-width:0!important}

  /* Design / video cards */
  #designProductGrid .product-card,#videoProductGrid .product-card{grid-template-rows:118px auto!important;height:auto!important}
  #designProductGrid .product-thumb,#videoProductGrid .product-thumb{height:118px!important;min-height:118px!important}
  #designProductGrid .product-info,#videoProductGrid .product-info{padding:10px!important;display:flex!important;flex-direction:column!important;min-height:190px!important}
  #designProductGrid .product-info .category,#videoProductGrid .product-info .category{font-size:8px!important;padding:4px 7px!important;margin-bottom:7px!important;width:max-content!important;max-width:100%!important}
  #designProductGrid .product-info h3,#videoProductGrid .product-info h3{font-size:13.5px!important;line-height:1.28!important;min-height:35px!important;max-height:35px!important;margin:0 0 6px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #designProductGrid .product-info p,#videoProductGrid .product-info p{font-size:9.5px!important;line-height:1.45!important;min-height:28px!important;max-height:28px!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  #designProductGrid .product-bottom,#videoProductGrid .product-bottom{margin-top:auto!important;padding-top:9px!important;gap:7px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
  #designProductGrid .price,#videoProductGrid .price{font-size:17px!important;line-height:1!important}.showcase-label{font-size:8.5px!important;line-height:1.3!important;text-align:center!important;max-width:none!important}
  #designProductGrid .product-actions,#videoProductGrid .product-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;margin:0!important}
  #designProductGrid .preview-btn,#designProductGrid .buy-btn,#videoProductGrid .preview-btn,#videoProductGrid .buy-btn,#videoProductGrid .primary-link{width:100%!important;min-width:0!important;height:34px!important;padding:0 7px!important;border-radius:10px!important;font-size:9px!important;white-space:nowrap!important;line-height:1!important}
  #videoProductGrid .play-overlay{width:44px!important;height:44px!important;font-size:17px!important}

  /* Software cards */
  .software-card{padding:0!important;display:flex!important;flex-direction:column!important}
  .software-thumb{height:112px!important;min-height:112px!important;padding:10px!important}
  .software-thumb-label{font-size:15px!important;line-height:1.2!important}.software-thumb-inner small{font-size:7.5px!important}.software-badge{font-size:7.5px!important;padding:5px 7px!important}
  .software-body{padding:10px!important;display:flex!important;flex-direction:column!important;flex:1!important}
  .software-meta-row{gap:5px!important}.software-meta,.software-status{font-size:7.5px!important;padding:4px 6px!important;border-radius:999px!important}
  .software-card h3{font-size:14px!important;line-height:1.28!important;min-height:36px!important;margin:7px 0 5px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .software-card p{font-size:9px!important;line-height:1.45!important;min-height:39px!important;max-height:39px!important;margin:0 0 8px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .software-info{margin-top:auto!important;gap:3px!important;padding-top:7px!important;border-top:1px solid #edf2f5!important}.software-info span{font-size:8px!important;line-height:1.35!important}
  .software-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin-top:9px!important}
  .software-actions .buy-btn,.software-actions .preview-btn{width:100%!important;min-width:0!important;height:33px!important;padding:0 6px!important;font-size:8.5px!important;border-radius:10px!important}

  /* Printing cards */
  .printing-card{display:flex!important;flex-direction:column!important}
  .printing-thumb{height:112px!important;min-height:112px!important}.printing-badge{left:8px!important;top:8px!important;font-size:7.5px!important;padding:5px 7px!important}.printing-thumb-title{font-size:16px!important}.printing-thumb-inner small{font-size:7.5px!important}
  .printing-body{padding:10px!important;gap:5px!important;display:flex!important;flex-direction:column!important;flex:1!important}.printing-meta{font-size:7.5px!important;padding:4px 7px!important}.printing-body h3{font-size:14px!important;line-height:1.28!important;min-height:36px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.printing-body p{font-size:9px!important;line-height:1.45!important;min-height:39px!important;max-height:39px!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .printing-bottom{margin-top:auto!important;gap:7px!important;padding-top:8px!important}.printing-bottom .price{font-size:16px!important}.printing-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.printing-actions .preview-btn,.printing-actions .buy-btn{width:100%!important;min-width:0!important;height:33px!important;padding:0 6px!important;font-size:8.5px!important;border-radius:10px!important}

  /* Service panels */
  .service-grid{gap:12px!important}.service-panel{padding:18px!important;border-radius:20px!important;box-shadow:var(--m-shadow)!important}.service-panel h2{font-size:22px!important;line-height:1.2!important;margin:7px 0!important}.service-panel p{font-size:11.5px!important;line-height:1.55!important}.service-panel ul{grid-template-columns:1fr 1fr!important;gap:6px 9px!important;margin:12px 0 15px!important}.service-panel li{font-size:10px!important}.service-panel .btn{min-height:40px!important;font-size:11px!important;border-radius:11px!important}

  /* Latest work + reviews */
  .latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.latest-item{border-radius:15px!important;box-shadow:var(--m-shadow)!important}.latest-thumb{height:100px!important}.latest-item span{font-size:9.5px!important;padding:7px 8px!important}
  .reviews-grid{grid-template-columns:1fr!important;gap:9px!important}.review-card{padding:12px!important;border-radius:15px!important;box-shadow:var(--m-shadow)!important}.review-card p{font-size:10px!important;line-height:1.5!important}.review-card b{font-size:10.5px!important}.review-card small{font-size:8.5px!important}

  /* Contact */
  .contact-grid{gap:12px!important;padding:14px!important;border-radius:20px!important;box-shadow:var(--m-shadow)!important}.contact-profile-image{width:96px!important;height:96px!important}.contact-grid h2{font-size:23px!important}.contact-details p{font-size:11px!important}.contact-form{padding:13px!important;border-radius:15px!important}.contact-form input,.contact-form textarea,.contact-form select{padding:10px 11px!important;font-size:11px!important}

  /* Footer - compact and balanced */
  .footer{padding-top:22px!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important;padding-bottom:14px!important}.footer-brand{grid-column:1/-1!important;padding-bottom:10px!important}.footer-logo{font-size:25px!important}.footer-logo span{font-size:15px!important}.footer-brand p{font-size:10px!important}.footer-brand small{font-size:9px!important}.footer h4{font-size:12px!important;margin-bottom:6px!important}.footer a,.footer p{font-size:9.5px!important;line-height:1.45!important;margin:4px 0!important}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:1/-1!important}.footer-grid>div:nth-child(4){grid-template-columns:1fr 1fr!important;gap:3px 8px!important}.footer-wa-btn{min-height:40px!important;font-size:11px!important;border-radius:12px!important}.footer-bottom{padding:11px 0 14px!important;font-size:8px!important;gap:6px!important}
}

@media (max-width:420px){
  .container{width:calc(100% - 20px)!important}
  #designProductGrid.product-grid,#videoProductGrid.product-grid,.software-grid,.printing-grid{gap:8px!important}
  #designProductGrid .product-card,#videoProductGrid .product-card{grid-template-rows:108px auto!important}
  #designProductGrid .product-thumb,#videoProductGrid .product-thumb{height:108px!important;min-height:108px!important}
  #designProductGrid .product-info,#videoProductGrid .product-info{padding:8px!important;min-height:184px!important}
  #designProductGrid .product-info h3,#videoProductGrid .product-info h3{font-size:12.5px!important;min-height:32px!important;max-height:32px!important}
  #designProductGrid .product-info p,#videoProductGrid .product-info p{font-size:8.8px!important}
  #designProductGrid .preview-btn,#designProductGrid .buy-btn,#videoProductGrid .preview-btn,#videoProductGrid .buy-btn,#videoProductGrid .primary-link{height:32px!important;font-size:8.4px!important}
  .software-thumb,.printing-thumb{height:102px!important;min-height:102px!important}.software-body,.printing-body{padding:8px!important}.software-card h3,.printing-body h3{font-size:13px!important}.software-card p,.printing-body p{font-size:8.5px!important}.software-actions .buy-btn,.software-actions .preview-btn,.printing-actions .preview-btn,.printing-actions .buy-btn{height:31px!important;font-size:8px!important}
  .premium-category-grid .category-card,.premium-category-grid .category-card[aria-hidden="true"]{flex-basis:198px!important}
}

/* =========================================================
   MOBILE V6 — FINAL TWO FIXES
   1) Force category marquee to keep moving on mobile
   2) Prevent video action buttons from overlapping
========================================================= */
@media (max-width:900px){
  .category-marquee-shell{
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  .premium-category-grid,
  .premium-category-grid:hover,
  .premium-category-grid:active,
  .category-marquee-shell:hover .premium-category-grid,
  .category-marquee-shell:active .premium-category-grid{
    display:flex!important;
    width:max-content!important;
    animation-name:categoryMarquee!important;
    animation-duration:30s!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
    animation-play-state:running!important;
    will-change:transform!important;
  }
  .premium-category-grid .category-card[aria-hidden="true"]{
    display:flex!important;
  }

  /* Video card actions: no overlap, clean stacked premium buttons */
  #videoProductGrid .video-card .product-bottom{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
  }
  #videoProductGrid .video-card .product-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  #videoProductGrid .video-card .preview-btn,
  #videoProductGrid .video-card .buy-btn,
  #videoProductGrid .video-card .primary-link{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:34px!important;
    margin:0!important;
    padding:0 6px!important;
    box-sizing:border-box!important;
    justify-content:center!important;
    align-items:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:8.8px!important;
    line-height:1!important;
    border-radius:10px!important;
  }
}

/* User explicitly wants marquee motion on mobile even when reduced-motion is enabled. */
@media (max-width:900px) and (prefers-reduced-motion:reduce){
  .premium-category-grid,
  .premium-category-grid:hover,
  .category-marquee-shell:hover .premium-category-grid,
  .category-marquee-shell:active .premium-category-grid{
    animation:categoryMarquee 30s linear infinite!important;
    animation-play-state:running!important;
  }
}


/* =========================================================
   RECENT DESIGN MARQUEE — SINGLE STABLE SPEED
   Prevents multiple older marquee rules / JS animations
   from changing speed after the first moment.
========================================================= */
#recentDesignMarquee,
#recentDesignMarquee:hover,
#recentDesignMarquee:active,
.category-marquee-shell:hover #recentDesignMarquee,
.category-marquee-shell:active #recentDesignMarquee{
  display:flex!important;
  width:max-content!important;
  animation:categoryMarquee 60s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
}


/* =========================================================
   FINAL RECENT DESIGN MARQUEE FIX
   - CSS animation completely disabled for this marquee
   - JavaScript moves it at one constant speed
   - Recent design thumbnails stay bright/clean
========================================================= */
#recentDesignMarquee,
#recentDesignMarquee:hover,
#recentDesignMarquee:active,
.category-marquee-shell:hover #recentDesignMarquee,
.category-marquee-shell:active #recentDesignMarquee{
  animation:none!important;
  animation-name:none!important;
  animation-duration:0s!important;
  animation-play-state:paused!important;
  transition:none!important;
}

#recentDesignMarquee .recent-preview-card .cat-thumb:after{
  background:linear-gradient(
    180deg,
    rgba(3,25,43,.00) 0%,
    rgba(3,25,43,.04) 58%,
    rgba(3,25,43,.14) 100%
  )!important;
}

#recentDesignMarquee .recent-preview-card .cat-thumb-title{
  text-shadow:0 1px 4px rgba(0,0,0,.55)!important;
}

#recentDesignMarquee .recent-preview-card .cat-thumb.has-image{
  background-size:cover!important;
  background-position:center!important;
}


/* FINAL: uploaded recent design thumbnails must show without dark overlay */
#recentDesignMarquee .recent-preview-card .cat-thumb.has-image::after,
#recentDesignMarquee .recent-preview-card .cat-thumb.has-image:after{
  display:none!important;
  content:none!important;
  background:none!important;
}
#recentDesignMarquee .recent-preview-card .cat-thumb.has-image{
  background-color:#eef4f6!important;
  background-blend-mode:normal!important;
  filter:none!important;
  opacity:1!important;
}

.ig-home-logout{color:#fff;text-decoration:none;font-weight:800;font-size:13px;padding:4px 8px;border:1px solid rgba(255,255,255,.35);border-radius:8px;margin-left:7px}


/* ISRAFIL FINAL MOBILE HERO STATS HIDE */
@media (max-width: 767px){
  .hero-stats{display:none!important;}
}


/* FINAL CLICKABLE DESIGN CARD FEEDBACK */
#designProductGrid .product-card[data-detail],
.product-card.clickable-design-card[data-detail]{
  cursor:pointer !important;
  transition:transform .20s ease, box-shadow .20s ease, border-color .20s ease !important;
}
#designProductGrid .product-card[data-detail]:hover,
.product-card.clickable-design-card[data-detail]:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 20px 42px rgba(3,38,68,.16) !important;
  border-color:#8fcfc1 !important;
}
#designProductGrid .product-card[data-detail] .product-media,
#designProductGrid .product-card[data-detail] img,
.product-card.clickable-design-card[data-detail] .product-media,
.product-card.clickable-design-card[data-detail] img{
  transition:transform .28s ease !important;
}
#designProductGrid .product-card[data-detail]:hover .product-media,
#designProductGrid .product-card[data-detail]:hover img,
.product-card.clickable-design-card[data-detail]:hover .product-media,
.product-card.clickable-design-card[data-detail]:hover img{
  transform:scale(1.025);
}
@media(max-width:820px){
  #designProductGrid .product-card[data-detail],
  .product-card.clickable-design-card[data-detail]{cursor:default !important;}
  #designProductGrid .product-card[data-detail]:hover,
  .product-card.clickable-design-card[data-detail]:hover{transform:none !important;}
}