/* DITEN home sections CSS extracted from home.twig. Version 20260622p3. */ /* Extracted home.twig inline style block 1 */ .diten-commerce-hub { position:relative; overflow:hidden; isolation:isolate; background: radial-gradient(circle at 5% 6%,rgba(0,214,159,.15),transparent 28%), radial-gradient(circle at 92% 18%,rgba(15,118,110,.12),transparent 32%), linear-gradient(180deg,#f8fafc 0%,#ffffff 56%,#f3fbf9 100%); } .diten-commerce-hub:before { content:""; position:absolute; inset:34px auto auto 50%; width:min(980px,92vw); height:220px; transform:translateX(-50%); border-radius:999px; background:linear-gradient(90deg,rgba(0,168,132,.08),rgba(7,24,39,.05)); filter:blur(18px); z-index:-1; pointer-events:none; } .diten-commerce-heading { max-width:850px; margin-bottom:1.35rem; } .diten-commerce-heading .diten-kicker { display:inline-flex; align-items:center; gap:.45rem; padding:.38rem .7rem; border-radius:999px; color:#d9fff6; background:linear-gradient(135deg,#071827,#0f766e); box-shadow:0 10px 24px rgba(15,118,110,.18); } .diten-commerce-heading .diten-kicker:before { content:""; width:7px; height:7px; border-radius:999px; background:#00d69f; box-shadow:0 0 0 4px rgba(0,214,159,.18); } .diten-commerce-heading h2 { max-width:780px; letter-spacing:-.045em; } .diten-commerce-heading p { max-width:700px; color:#526171; font-size:1rem; } .diten-commerce-layout { display:grid; grid-template-columns:minmax(270px,340px) minmax(0,1fr); gap:18px; align-items:stretch; } .diten-commerce-feature { position:relative; height:100%; min-height:100%; overflow:hidden; border-radius:26px; padding:24px; color:#fff; background: radial-gradient(circle at 92% 86%,rgba(111,245,214,.25),transparent 34%), linear-gradient(145deg,#071827 0%,#0b2d35 48%,#0f766e 100%); box-shadow:0 24px 54px rgba(7,24,39,.22); border:1px solid rgba(255,255,255,.13); display:flex; flex-direction:column; } .diten-commerce-feature:before { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 38%); pointer-events:none; } .diten-commerce-feature:after { content:""; position:absolute; width:190px; height:190px; border-radius:999px; right:-72px; bottom:-76px; background:rgba(255,255,255,.12); box-shadow:0 0 0 46px rgba(255,255,255,.045); } .diten-commerce-feature span { position:relative; z-index:1; display:inline-flex; margin-bottom:10px; color:#e9d5ff; font-size:.75rem; font-weight:950; letter-spacing:.09em; text-transform:uppercase; } .diten-commerce-feature strong { position:relative; z-index:1; display:block; max-width:260px; font-size:1.32rem; line-height:1.1; letter-spacing:-.025em; margin-bottom:10px; } .diten-commerce-feature p { position:relative; z-index:1; margin:0 0 18px; color:rgba(255,255,255,.82); font-size:.93rem; line-height:1.55; } .diten-commerce-feature-links { display:flex; flex-direction:column; gap:10px; position:relative; z-index:1; margin-top:16px; } .diten-commerce-feature-links a { display:flex; justify-content:space-between; align-items:center; min-height:44px; padding:11px 13px; border-radius:15px; color:#fff; text-decoration:none; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.10); font-weight:900; box-shadow:inset 0 1px 0 rgba(255,255,255,.08); transition:transform .18s ease,background .18s ease,color .18s ease; } .diten-commerce-feature-links a:after { content:"›"; display:grid; place-items:center; width:22px; height:22px; border-radius:999px; background:rgba(255,255,255,.13); opacity:.9; } .diten-commerce-feature-links a:hover { transform:translateY(-1px); background:#fff; color:#0f766e; } .diten-commerce-feature-links a:hover:after { background:#ecfdf5; } .diten-commerce-groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; grid-auto-flow:dense; } .diten-commerce-group { position:relative; overflow:hidden; background:rgba(255,255,255,.94); border:1px solid rgba(15,23,42,.08); border-radius:22px; padding:16px; box-shadow:0 16px 34px rgba(15,23,42,.055); min-height:142px; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .diten-commerce-group:before { content:""; position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#00a884,#00d69f); opacity:.85; } .diten-commerce-group:hover { transform:translateY(-2px); box-shadow:0 22px 44px rgba(15,23,42,.09); border-color:rgba(15,118,110,.20); } .diten-commerce-group--wide { grid-column:span 2; } .diten-commerce-group--accent { background:linear-gradient(135deg,#ffffff 0%,#effdfa 100%); border-color:rgba(15,118,110,.16); } .diten-commerce-group h3 { display:flex; align-items:center; gap:10px; margin:0 0 12px; color:#071827; font-size:1rem; line-height:1.2; font-weight:950; letter-spacing:-.01em; } .diten-commerce-group h3 i { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:11px; color:#063f39; background:linear-gradient(135deg,#ccfbf1,#99f6e4); box-shadow:0 8px 18px rgba(15,118,110,.12); font-size:.9rem; } .diten-commerce-links { display:flex; flex-wrap:wrap; gap:8px; } .diten-commerce-links a { display:inline-flex; align-items:center; min-height:30px; border-radius:999px; padding:7px 10px; background:#ecfdf5; color:#0f5f57; border:1px solid rgba(15,118,110,.08); font-size:.8rem; font-weight:900; text-decoration:none; line-height:1.08; transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease; } .diten-commerce-links a:hover { transform:translateY(-1px); background:#2e1065; color:#f5f3ff; border-color:#071827; } .diten-commerce-summary { margin:-4px 0 12px; color:#64748b; font-size:.86rem; line-height:1.45; } .diten-commerce-links a:nth-child(-n+6) { background:linear-gradient(135deg,#0f766e,#00a884); color:#fff; border-color:rgba(15,118,110,.16); box-shadow:0 8px 18px rgba(15,118,110,.12); } .diten-commerce-links a:nth-child(-n+6):hover { background:#2e1065; color:#f5f3ff; } .diten-commerce-feature-cta { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; min-height:44px; margin-top:14px; border-radius:999px; background:#c084fc; color:#24103f; text-decoration:none; font-weight:950; box-shadow:0 16px 30px rgba(0,214,159,.22); } .diten-commerce-feature-cta:hover { background:#fff; color:#0f766e; } .diten-commerce-help { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; padding:18px; border-radius:24px; background:linear-gradient(135deg,#071827,#0b2d35 58%,#0f766e); color:#fff; box-shadow:0 22px 44px rgba(7,24,39,.16); overflow:hidden; position:relative; } .diten-commerce-help:after { content:""; position:absolute; width:190px; height:190px; border-radius:999px; right:-70px; top:-95px; background:rgba(0,214,159,.18); pointer-events:none; } .diten-commerce-help span { display:block; color:#e9d5ff; font-size:.74rem; font-weight:950; letter-spacing:.08em; text-transform:uppercase; margin-bottom:4px; } .diten-commerce-help strong { display:block; max-width:680px; font-size:1.08rem; line-height:1.25; letter-spacing:-.015em; } .diten-commerce-help-actions { position:relative; z-index:1; display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; } .diten-commerce-help-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; border-radius:999px; background:#fff; color:#0f766e; text-decoration:none; font-weight:950; white-space:nowrap; } .diten-commerce-help-actions a:first-child { background:#c084fc; color:#24103f; } @media (max-width: 1199px) { .diten-commerce-layout { grid-template-columns:1fr; } .diten-commerce-feature { position:relative; top:auto; height:auto; min-height:0; } .diten-commerce-feature-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:12px; } .diten-commerce-groups { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width: 767px) { .diten-commerce-hub { padding-top:2.2rem; } .diten-commerce-heading { margin-bottom:1rem; } .diten-commerce-heading h2 { font-size:clamp(1.65rem,8vw,2.25rem); line-height:1.02; } .diten-commerce-heading p { font-size:.94rem; line-height:1.55; } .diten-commerce-layout { gap:12px; } .diten-commerce-feature { padding:18px; border-radius:22px; } .diten-commerce-feature strong { max-width:none; font-size:1.18rem; } .diten-commerce-feature-links { grid-template-columns:1fr 1fr; gap:8px; } .diten-commerce-feature-links a { min-height:42px; padding:10px 11px; font-size:.84rem; } .diten-commerce-groups { grid-template-columns:1fr; gap:10px; } .diten-commerce-group,.diten-commerce-group--wide { grid-column:auto; } .diten-commerce-group { border-radius:20px; padding:14px; min-height:0; } .diten-commerce-group h3 { font-size:.98rem; margin-bottom:10px; } .diten-commerce-links { gap:7px; } .diten-commerce-links a { min-height:32px; font-size:.79rem; padding:7px 9px; } .diten-commerce-summary { font-size:.83rem; margin-bottom:10px; } .diten-commerce-help { flex-direction:column; align-items:flex-start; padding:16px; border-radius:20px; } .diten-commerce-help strong { font-size:.98rem; } .diten-commerce-help-actions { width:100%; justify-content:stretch; } .diten-commerce-help-actions a { flex:1 1 150px; } } @media (max-width: 480px) { .diten-commerce-heading .diten-kicker { font-size:.68rem; padding:.34rem .58rem; } .diten-commerce-feature-links { grid-template-columns:1fr; } .diten-commerce-feature-links a { width:100%; } .diten-commerce-links a { font-size:.77rem; padding:7px 8px; } .diten-commerce-help-actions { flex-direction:column; } .diten-commerce-help-actions a { width:100%; } } @media (max-width: 575.98px) { .diten-commerce-feature-links { margin-left:46px; } .diten-commerce-feature-links a { min-width:0; } } .diten-gamer-showcase { position:relative; overflow:hidden; background:#fff; } .diten-gamer-showcase:before { content:none!important; display:none!important; } .diten-gamer-head { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:flex-end; gap:18px; margin-bottom:18px; } .diten-gamer-head h2 { margin:8px 0 6px; letter-spacing:-.035em; color:#071827; font-weight:950; } .diten-gamer-head p { margin:0; max-width:680px; color:#5b6b7c; } .diten-gamer-head .diten-kicker { display:inline-flex; align-items:center; gap:8px; } .diten-gamer-actions { display:flex; align-items:center; gap:8px; flex:0 0 auto; } .diten-gamer-arrow { width:38px; height:38px; border:0; border-radius:999px; color:#7c3aed; background:#fff; box-shadow:0 10px 24px rgba(76,29,149,.10); border:1px solid rgba(124,58,237,.14); display:grid; place-items:center; } .diten-gamer-arrow:hover { background:#2e1065; color:#f5f3ff; } .diten-gamer-all { display:inline-flex; align-items:center; min-height:38px; padding:0 14px; border-radius:999px; text-decoration:none; color:#4c1d95; background:#ede9fe; font-weight:950; border:1px solid rgba(124,58,237,.14); } .diten-gamer-all:hover { background:#2e1065; color:#f5f3ff; } .diten-gamer-layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(220px,260px) minmax(0,1fr); gap:18px; align-items:stretch; } .diten-gamer-promo { position:relative; overflow:hidden; min-height:372px; padding:22px; border-radius:24px; color:#fff; text-decoration:none; background:radial-gradient(circle at 80% 18%,rgba(216,180,254,.40),transparent 28%),radial-gradient(circle at 35% 92%,rgba(59,130,246,.22),transparent 34%),linear-gradient(145deg,#160d2f 0%,#2e1065 48%,#7c3aed 100%); box-shadow:0 22px 50px rgba(46,16,101,.25); display:flex; flex-direction:column; justify-content:flex-end; isolation:isolate; } .diten-gamer-promo:before { content:""; position:absolute; inset:20px 18px auto auto; width:120px; height:120px; border-radius:34px; background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.04)); transform:rotate(12deg); box-shadow:0 0 0 28px rgba(255,255,255,.035); } .diten-gamer-promo:after { content:"\f11b"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; right:24px; top:28px; font-size:3.6rem; color:rgba(216,180,254,.30); } .diten-gamer-promo-tag { position:relative; z-index:1; align-self:flex-start; margin-bottom:auto; padding:7px 10px; border-radius:999px; background:#c084fc; color:#24103f; font-size:.74rem; font-weight:950; letter-spacing:.06em; text-transform:uppercase; } .diten-gamer-promo strong { position:relative; z-index:1; display:block; font-size:1.35rem; line-height:1.08; letter-spacing:-.035em; margin-bottom:10px; } .diten-gamer-promo p { position:relative; z-index:1; margin:0 0 16px; color:rgba(255,255,255,.82); font-size:.92rem; line-height:1.5; } .diten-gamer-promo em { position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; font-style:normal; font-weight:950; color:#e9d5ff; } .diten-gamer-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; min-width:0; } .diten-gamer-card { min-width:0; border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.08); box-shadow:0 18px 40px rgba(15,23,42,.07); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .diten-gamer-card:hover { transform:translateY(-3px); border-color:rgba(124,58,237,.24); box-shadow:0 24px 52px rgba(46,16,101,.16); } .diten-gamer-card .diten-product-image { position:relative; background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%); border-bottom:1px solid rgba(15,23,42,.06); } .diten-gamer-badge { position:absolute; z-index:2; left:12px; top:12px; padding:5px 9px; border-radius:999px; background:linear-gradient(135deg,#2e1065,#7c3aed); color:#f5f3ff; font-size:.68rem; font-weight:950; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 8px 18px rgba(46,16,101,.22); } .diten-gamer-card .diten-product-body h3 { min-height:44px; } @media (max-width:1199px) { .diten-gamer-layout { grid-template-columns:230px minmax(0,1fr); } .diten-gamer-rail { gap:12px; } } @media (max-width:991px) { .diten-gamer-layout { grid-template-columns:1fr; } .diten-gamer-promo { min-height:220px; } .diten-gamer-rail { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; } .diten-gamer-card { flex:0 0 245px; scroll-snap-align:start; } } @media (max-width:767px) { .diten-gamer-head { align-items:flex-start; flex-direction:column; margin-bottom:14px; } .diten-gamer-actions { width:100%; } .diten-gamer-arrow { display:none; } .diten-gamer-all { margin-left:auto; } .diten-gamer-promo { border-radius:20px; min-height:200px; padding:18px; } .diten-gamer-promo strong { font-size:1.15rem; } .diten-gamer-card { flex-basis:230px; } } .diten-gamer-showcase .diten-product-cart-cta { background:linear-gradient(135deg,#7c3aed,#a855f7)!important; color:#fff!important; box-shadow:0 14px 28px rgba(124,58,237,.22)!important; } .diten-gamer-showcase .diten-product-cart-cta:hover { background:linear-gradient(135deg,#2e1065,#6d28d9)!important; color:#fff!important; } .diten-gamer-showcase .diten-product-price { color:#6d28d9; } .diten-gamer-showcase .diten-kicker { color:#6d28d9; } .diten-gamer-showcase .diten-gamer-head { padding-top:4px; } .diten-gamer-showcase .diten-kicker { padding:7px 12px; border-radius:999px; background:rgba(124,58,237,.08); border:1px solid rgba(124,58,237,.16); color:#6d28d9!important; font-size:.72rem; font-weight:950; letter-spacing:.105em; text-transform:uppercase; box-shadow:none; } .diten-gamer-showcase .diten-kicker i { color:#7c3aed; } .diten-gamer-head h2 { max-width:720px; font-size:clamp(1.65rem,2.7vw,2.28rem); line-height:1.02; letter-spacing:-.055em; color:#170b33; } .diten-gamer-head p { max-width:760px; color:#6b5f7f; font-size:.98rem; } .diten-gamer-showcase .diten-gamer-actions .diten-gamer-arrow { display:none!important; } @media (min-width: 992px) { .diten-gamer-head { align-items:flex-start; } .diten-gamer-head h2 { white-space:nowrap; max-width:none; font-size:clamp(1.55rem,2.35vw,2.05rem); } .diten-gamer-head p { white-space:nowrap; max-width:none; } .diten-gamer-actions { padding-top:52px; } } /* DITEN base style for product-section headings, matching Zona Gamer structure */ #common-home .diten-best-sellers .diten-section-heading, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading, #common-home .diten-cpu-showcase > .container > .diten-section-heading { align-items:flex-start; gap:16px; margin-bottom:18px; } #common-home .diten-best-sellers .diten-section-heading .diten-kicker, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading .diten-kicker, #common-home .diten-cpu-showcase > .container > .diten-section-heading .diten-kicker { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border-radius:999px; background:rgba(15,118,110,.08); border:1px solid rgba(15,118,110,.16); color:#0f766e!important; font-size:.72rem; font-weight:950; letter-spacing:.105em; text-transform:uppercase; box-shadow:none; } #common-home .diten-best-sellers .diten-section-heading .diten-kicker:before, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading .diten-kicker:before, #common-home .diten-cpu-showcase > .container > .diten-section-heading .diten-kicker:before { content:''; width:7px; height:7px; border-radius:999px; background:#00a884; box-shadow:0 0 0 4px rgba(0,168,132,.14); } #common-home .diten-best-sellers .diten-section-heading h2, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading h2, #common-home .diten-cpu-showcase > .container > .diten-section-heading h2 { max-width:none; margin:8px 0 6px; color:#071827; font-size:clamp(1.55rem,2.35vw,2.05rem); line-height:1.02; letter-spacing:-.055em; font-weight:950; } #common-home .diten-best-sellers .diten-section-heading p, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading p, #common-home .diten-cpu-showcase > .container > .diten-section-heading p { max-width:760px; margin:0; color:#536474; font-size:.98rem; line-height:1.45; } #common-home .diten-best-sellers .diten-section-heading.with-action > .btn, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading.with-action > .btn { margin-top:52px; border-radius:999px; border-color:rgba(15,118,110,.18); color:#0f766e; font-weight:950; background:#ecfdf5; } #common-home .diten-best-sellers .diten-section-heading.with-action > .btn:hover, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading.with-action > .btn:hover { background:#071827; color:#dffdf7; border-color:#071827; } @media (min-width: 1200px) { #common-home .diten-best-sellers .diten-section-heading h2, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading h2, #common-home .diten-cpu-showcase > .container > .diten-section-heading h2 { white-space:nowrap; } #common-home .diten-best-sellers .diten-section-heading p, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading p, #common-home .diten-cpu-showcase > .container > .diten-section-heading p { white-space:normal; } } @media (max-width: 767px) { #common-home .diten-best-sellers .diten-section-heading, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading, #common-home .diten-cpu-showcase > .container > .diten-section-heading { align-items:flex-start; flex-direction:column; gap:10px; } #common-home .diten-best-sellers .diten-section-heading.with-action > .btn, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading.with-action > .btn { margin-top:0; } } /* Home product carousels + cleaner DITEN section headers */ #common-home .diten-best-sellers .diten-section-heading, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading, #common-home .diten-cpu-showcase > .container > .diten-section-heading { background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; padding:0!important; margin-bottom:18px!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:end!important; column-gap:18px; } #common-home .diten-best-sellers .diten-section-heading > div, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading > div { min-width:0; } #common-home .diten-best-sellers .diten-section-heading .diten-kicker, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading .diten-kicker, #common-home .diten-cpu-showcase > .container > .diten-section-heading .diten-kicker { background:rgba(0,168,132,.09)!important; border:1px solid rgba(0,168,132,.16)!important; color:#0f766e!important; box-shadow:none!important; margin-bottom:8px!important; } #common-home .diten-best-sellers .diten-section-heading h2, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading h2, #common-home .diten-cpu-showcase > .container > .diten-section-heading h2 { margin:0 0 5px!important; font-size:clamp(1.45rem,2.05vw,1.9rem)!important; line-height:1.08!important; letter-spacing:-.042em!important; color:#071827!important; white-space:normal!important; max-width:920px!important; } #common-home .diten-best-sellers .diten-section-heading p, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading p, #common-home .diten-cpu-showcase > .container > .diten-section-heading p { margin:0!important; max-width:760px!important; color:#536474!important; line-height:1.38!important; white-space:normal!important; } #common-home .diten-best-sellers .diten-section-heading.with-action > .btn, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading.with-action > .btn { margin-top:0!important; align-self:end; white-space:nowrap; } #common-home .diten-best-sellers .diten-product-rail, #common-home .diten-pro-products .diten-product-grid { display:flex!important; grid-template-columns:none!important; flex-wrap:nowrap!important; gap:16px!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x mandatory; scroll-padding-inline:2px; padding:2px 2px 14px!important; -webkit-overflow-scrolling:touch; } #common-home .diten-best-sellers .diten-product-rail::-webkit-scrollbar, #common-home .diten-pro-products .diten-product-grid::-webkit-scrollbar { height:8px; } #common-home .diten-best-sellers .diten-product-rail::-webkit-scrollbar-thumb, #common-home .diten-pro-products .diten-product-grid::-webkit-scrollbar-thumb { background:rgba(15,118,110,.22); border-radius:999px; } #common-home .diten-best-sellers .diten-product-rail::-webkit-scrollbar-track, #common-home .diten-pro-products .diten-product-grid::-webkit-scrollbar-track { background:rgba(15,118,110,.06); border-radius:999px; } #common-home .diten-best-sellers .diten-product-card, #common-home .diten-pro-products .diten-product-grid .diten-product-card { flex:0 0 clamp(238px,23.5vw,286px)!important; width:clamp(238px,23.5vw,286px)!important; scroll-snap-align:start; } @media (max-width: 767px) { #common-home .diten-best-sellers .diten-section-heading, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading, #common-home .diten-cpu-showcase > .container > .diten-section-heading { display:flex!important; flex-direction:column!important; align-items:flex-start!important; } #common-home .diten-best-sellers .diten-section-heading.with-action > .btn, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading.with-action > .btn { align-self:flex-start; } #common-home .diten-best-sellers .diten-product-card, #common-home .diten-pro-products .diten-product-grid .diten-product-card { flex-basis:230px!important; width:230px!important; } } @media (max-width: 767px) { .diten-longtail-grid { grid-template-columns:1fr; } .diten-longtail-card { padding:15px; } } @media (max-width: 767px) { .diten-home img.diten-mobile-lazy-img[src^="data:image"] { background: #f8fafc; } .diten-home .diten-product-image > img.diten-mobile-lazy-img[src^="data:image"] { display:block; width:100%; max-width:100%; aspect-ratio:1/1; min-height:170px; object-fit:contain; } .diten-home .diten-brand-track img.diten-mobile-lazy-img[src^="data:image"] { display:block; width:120px; height:54px; object-fit:contain; } .diten-home .diten-cpu-brand-panel img.diten-mobile-lazy-img[src^="data:image"] { display:block; width:min(210px,82%); height:112px; object-fit:contain; } } /* Final heading cleanup: no card border, title single-line on desktop */ @media (min-width: 992px) { #common-home .diten-best-sellers .diten-section-heading, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading, #common-home .diten-cpu-showcase > .container > .diten-section-heading { border-width:0!important; border-style:none!important; outline:0!important; background:transparent!important; box-shadow:none!important; } #common-home .diten-best-sellers .diten-section-heading h2, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading h2, #common-home .diten-cpu-showcase > .container > .diten-section-heading h2 { white-space:nowrap!important; font-size:clamp(1.34rem,1.78vw,1.66rem)!important; line-height:1.08!important; } } /* Hard reset residual heading card border */ #common-home .diten-best-sellers .diten-section-heading, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading, #common-home .diten-cpu-showcase > .container > .diten-section-heading { border:0!important; border-width:0!important; border-style:none!important; outline:0!important; } /* Home section heading full redesign: centered premium headers */ #common-home .diten-best-sellers .diten-section-heading, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading, #common-home .diten-cpu-showcase > .container > .diten-section-heading { width:100%!important; max-width:none!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; gap:12px!important; margin:0 0 22px!important; padding:22px clamp(18px,3vw,34px)!important; border:1px solid rgba(15,118,110,.12)!important; border-left:0!important; border-right:0!important; border-radius:26px!important; background: radial-gradient(circle at 50% 0%, rgba(0,168,132,.16), transparent 34%), linear-gradient(135deg, rgba(236,253,245,.96), rgba(255,255,255,.98) 48%, rgba(240,253,250,.94))!important; box-shadow:0 14px 36px rgba(7,24,39,.07)!important; overflow:hidden!important; position:relative!important; } #common-home .diten-best-sellers .diten-section-heading:before, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading:before, #common-home .diten-cpu-showcase > .container > .diten-section-heading:before { content:''!important; position:absolute!important; inset:0 auto 0 50%!important; width:min(420px,70%)!important; transform:translateX(-50%)!important; background:linear-gradient(90deg, transparent, rgba(0,168,132,.10), transparent)!important; pointer-events:none!important; } #common-home .diten-best-sellers .diten-section-heading > div, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading > div, #common-home .diten-cpu-showcase > .container > .diten-section-heading > div { position:relative!important; z-index:1!important; min-width:0!important; max-width:860px!important; margin:0 auto!important; text-align:center!important; } #common-home .diten-best-sellers .diten-section-heading .diten-kicker, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading .diten-kicker, #common-home .diten-cpu-showcase > .container > .diten-section-heading .diten-kicker { display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0 auto 9px!important; padding:7px 13px!important; border-radius:999px!important; background:#fff!important; border:1px solid rgba(15,118,110,.16)!important; color:#0f766e!important; box-shadow:0 8px 22px rgba(15,118,110,.08)!important; font-size:.71rem!important; font-weight:950!important; line-height:1!important; letter-spacing:.09em!important; text-transform:uppercase!important; } #common-home .diten-best-sellers .diten-section-heading .diten-kicker:before, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading .diten-kicker:before, #common-home .diten-cpu-showcase > .container > .diten-section-heading .diten-kicker:before { content:''!important; width:7px!important; height:7px!important; flex:0 0 7px!important; border-radius:999px!important; background:#00a884!important; box-shadow:0 0 0 4px rgba(0,168,132,.14)!important; margin-right:7px!important; } #common-home .diten-best-sellers .diten-section-heading h2, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading h2, #common-home .diten-cpu-showcase > .container > .diten-section-heading h2 { margin:0 auto 7px!important; max-width:900px!important; color:#071827!important; font-size:clamp(1.55rem,2.25vw,2rem)!important; line-height:1.08!important; font-weight:950!important; letter-spacing:-.045em!important; text-align:center!important; white-space:normal!important; text-wrap:balance; } #common-home .diten-best-sellers .diten-section-heading p, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading p, #common-home .diten-cpu-showcase > .container > .diten-section-heading p { margin:0 auto!important; max-width:760px!important; color:#536474!important; font-size:.98rem!important; line-height:1.45!important; text-align:center!important; white-space:normal!important; } #common-home .diten-best-sellers .diten-section-heading.with-action > .btn, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading.with-action > .btn { position:relative!important; z-index:1!important; align-self:center!important; margin:3px auto 0!important; padding:10px 18px!important; min-height:40px!important; border-radius:999px!important; border:0!important; background:linear-gradient(135deg,#0f766e,#00a884)!important; color:#fff!important; box-shadow:0 12px 26px rgba(0,168,132,.22)!important; font-weight:950!important; white-space:nowrap!important; } #common-home .diten-best-sellers .diten-section-heading.with-action > .btn:hover, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading.with-action > .btn:hover { background:linear-gradient(135deg,#071827,#0f766e)!important; color:#dffdf7!important; transform:translateY(-1px); } @media (max-width:767px){ #common-home .diten-best-sellers .diten-section-heading, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading, #common-home .diten-cpu-showcase > .container > .diten-section-heading { padding:18px 14px!important; border-radius:20px!important; margin-bottom:16px!important; } #common-home .diten-best-sellers .diten-section-heading h2, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading h2, #common-home .diten-cpu-showcase > .container > .diten-section-heading h2 { font-size:1.35rem!important; } #common-home .diten-best-sellers .diten-section-heading.with-action > .btn, #common-home .diten-pro-products:not(.diten-best-sellers) .diten-section-heading.with-action > .btn { width:100%!important; max-width:280px!important; justify-content:center!important; } } /* Zona Gamer heading premium redesign: same structure, purple identity */ #common-home .diten-gamer-showcase .diten-gamer-head { width:100%!important; max-width:none!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; gap:12px!important; margin:0 0 22px!important; padding:22px clamp(18px,3vw,34px)!important; border:1px solid rgba(124,58,237,.16)!important; border-left:0!important; border-right:0!important; border-radius:26px!important; background: radial-gradient(circle at 50% 0%, rgba(168,85,247,.22), transparent 34%), linear-gradient(135deg, rgba(245,243,255,.98), rgba(255,255,255,.98) 48%, rgba(237,233,254,.96))!important; box-shadow:0 14px 36px rgba(46,16,101,.09)!important; overflow:hidden!important; position:relative!important; z-index:1!important; } #common-home .diten-gamer-showcase .diten-gamer-head:before { content:''!important; position:absolute!important; inset:0 auto 0 50%!important; width:min(430px,70%)!important; transform:translateX(-50%)!important; background:linear-gradient(90deg, transparent, rgba(124,58,237,.13), transparent)!important; pointer-events:none!important; } #common-home .diten-gamer-showcase .diten-gamer-head > div:first-child { position:relative!important; z-index:1!important; min-width:0!important; max-width:880px!important; margin:0 auto!important; text-align:center!important; } #common-home .diten-gamer-showcase .diten-gamer-head .diten-kicker { display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0 auto 9px!important; padding:7px 13px!important; border-radius:999px!important; background:#fff!important; border:1px solid rgba(124,58,237,.18)!important; color:#6d28d9!important; box-shadow:0 8px 22px rgba(124,58,237,.10)!important; font-size:.71rem!important; font-weight:950!important; line-height:1!important; letter-spacing:.09em!important; text-transform:uppercase!important; gap:8px!important; } #common-home .diten-gamer-showcase .diten-gamer-head .diten-kicker i { color:#7c3aed!important; filter:drop-shadow(0 0 8px rgba(168,85,247,.28)); } #common-home .diten-gamer-showcase .diten-gamer-head h2 { margin:0 auto 7px!important; max-width:900px!important; color:#170b33!important; font-size:clamp(1.55rem,2.25vw,2rem)!important; line-height:1.08!important; font-weight:950!important; letter-spacing:-.045em!important; text-align:center!important; white-space:normal!important; text-wrap:balance; } #common-home .diten-gamer-showcase .diten-gamer-head p { margin:0 auto!important; max-width:760px!important; color:#6b5f7f!important; font-size:.98rem!important; line-height:1.45!important; text-align:center!important; white-space:normal!important; } #common-home .diten-gamer-showcase .diten-gamer-actions { position:relative!important; z-index:1!important; display:flex!important; justify-content:center!important; align-items:center!important; width:auto!important; padding-top:0!important; margin:3px auto 0!important; } #common-home .diten-gamer-showcase .diten-gamer-all { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:40px!important; padding:10px 18px!important; margin:0 auto!important; border-radius:999px!important; border:0!important; background:linear-gradient(135deg,#7c3aed,#a855f7)!important; color:#fff!important; box-shadow:0 12px 26px rgba(124,58,237,.24)!important; font-weight:950!important; white-space:nowrap!important; text-decoration:none!important; } #common-home .diten-gamer-showcase .diten-gamer-all:hover { background:linear-gradient(135deg,#2e1065,#6d28d9)!important; color:#fff!important; transform:translateY(-1px); } @media (max-width:767px){ #common-home .diten-gamer-showcase .diten-gamer-head { padding:18px 14px!important; border-radius:20px!important; margin-bottom:16px!important; } #common-home .diten-gamer-showcase .diten-gamer-head h2 { font-size:1.35rem!important; } #common-home .diten-gamer-showcase .diten-gamer-all { width:100%!important; max-width:280px!important; } } /* Home parent categories carousel: product-box inspired */ #common-home .diten-category-carousel-showcase{padding-top:18px!important} #common-home .diten-category-carousel-box{position:relative;overflow:hidden;border-radius:26px;padding:22px 18px 16px;border:1px solid rgba(15,118,110,.18);background:radial-gradient(circle at 18% 0%,rgba(0,214,159,.22),transparent 42%),linear-gradient(135deg,#eefcf8 0%,#ffffff 48%,#f8fafc 100%);box-shadow:0 18px 46px rgba(7,24,39,.09)} #common-home .diten-category-carousel-head{position:relative;z-index:1;margin-bottom:12px!important;text-align:left!important;align-items:flex-start!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important} #common-home .diten-category-carousel-head h2{margin:10px 0 4px!important;color:#071827!important;font-size:clamp(1.85rem,3.4vw,2.65rem)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.055em!important;text-transform:none!important} #common-home .diten-category-carousel-head p{margin:0!important;color:#203040!important;font-size:1.02rem!important;line-height:1.45!important;max-width:820px!important} #common-home .diten-category-carousel-rail{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:0 0 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch} #common-home .diten-category-carousel-rail::-webkit-scrollbar{height:8px}#common-home .diten-category-carousel-rail::-webkit-scrollbar-thumb{background:rgba(7,94,84,.26);border-radius:999px}#common-home .diten-category-carousel-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.56);border-radius:999px} #common-home .diten-category-carousel-card{flex:0 0 clamp(176px,17.4vw,206px);width:clamp(176px,17.4vw,206px);scroll-snap-align:start;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 14px 30px rgba(15,23,42,.08);overflow:hidden;display:flex;flex-direction:column;min-height:264px} #common-home .diten-category-carousel-card{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease} #common-home .diten-category-carousel-card:hover{background:linear-gradient(180deg,#ecfdf5 0%,#ffffff 58%,#f0fdfa 100%);border-color:rgba(0,168,132,.42);box-shadow:0 20px 42px rgba(0,128,112,.16);transform:translateY(-4px)} #common-home .diten-category-carousel-card:hover .diten-category-card-body h3 a{color:#075e54!important} #common-home .diten-category-carousel-card:hover .diten-category-card-body p{color:#123c38!important} #common-home .diten-category-card-media{display:flex;align-items:center;justify-content:center;height:132px;margin:10px 10px 0;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f8fffc);border:1px solid rgba(7,94,84,.14);text-decoration:none;color:#075e54;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:hidden} #common-home .diten-category-card-media img{width:100%;height:100%;object-fit:contain;padding:10px;filter:drop-shadow(0 12px 18px rgba(7,94,84,.10));transition:transform .18s ease} #common-home .diten-category-carousel-card:hover .diten-category-card-media{transform:translateY(-2px);border-color:rgba(0,168,132,.38);box-shadow:0 12px 24px rgba(0,168,132,.12)}#common-home .diten-category-carousel-card:hover .diten-category-card-media img{transform:scale(1.04)} #common-home .diten-category-card-body{padding:10px 12px 14px;text-align:center;display:flex;flex-direction:column;gap:6px;flex:1} #common-home .diten-category-card-body span{color:#0f766e;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.045em} #common-home .diten-category-card-body h3{margin:0!important;font-size:.94rem!important;line-height:1.2!important;font-weight:950!important;min-height:2.35em;display:flex;align-items:center;justify-content:center} #common-home .diten-category-card-body h3 a{color:#071827!important;text-decoration:none!important} #common-home .diten-category-card-body p{margin:0!important;color:#536474!important;font-size:.76rem!important;line-height:1.32!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} @media(max-width:767px){ #common-home .diten-category-carousel-box{padding:18px 12px;border-radius:22px}#common-home .diten-category-carousel-head h2{font-size:1.75rem!important}#common-home .diten-category-carousel-head p{font-size:.92rem!important}#common-home .diten-category-carousel-card{flex-basis:178px!important;width:178px!important;min-height:258px}#common-home .diten-category-card-media{height:116px;min-height:0}#common-home .diten-category-card-media img{padding:8px}#common-home .diten-category-card-body p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}} /* CPU tabbed box: unified Destacados format with AMD/Intel brand colors */ #common-home .diten-cpu-tabbed-showcase{padding-top:18px!important} #common-home .diten-cpu-tabbed-box{position:relative;overflow:hidden;border-radius:26px;padding:22px 18px 16px;border:1px solid rgba(15,118,110,.18);box-shadow:0 18px 46px rgba(7,24,39,.09);transition:background .2s ease,border-color .2s ease,box-shadow .2s ease} #common-home .diten-cpu-tabbed-box[data-cpu-theme="amd"]{background:radial-gradient(circle at 18% 0%,rgba(251,146,60,.36),transparent 42%),linear-gradient(135deg,#ffedd5 0%,#fff7ed 48%,#ffffff 100%);border-color:rgba(249,115,22,.24)} #common-home .diten-cpu-tabbed-box[data-cpu-theme="intel"]{background:radial-gradient(circle at 18% 0%,rgba(56,189,248,.34),transparent 42%),linear-gradient(135deg,#dff6ff 0%,#effaff 48%,#ffffff 100%);border-color:rgba(0,118,189,.22)} #common-home .diten-cpu-tabbed-head{position:relative;z-index:1;margin-bottom:12px!important;text-align:left!important;align-items:flex-start!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important} #common-home .diten-cpu-tabbed-head h2{margin:10px 0 4px!important;color:#071827!important;text-transform:uppercase;font-size:clamp(2rem,4.3vw,3.15rem)!important;line-height:.94!important;font-weight:950!important;letter-spacing:-.055em!important} #common-home .diten-cpu-tabbed-head p{margin:0!important;color:#203040!important;font-size:1.06rem!important;line-height:1.45!important;max-width:820px!important} #common-home .diten-cpu-tabs{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin:14px 0 16px!important;position:relative;z-index:2} #common-home .diten-cpu-tab{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:44px!important;padding:4px 16px 4px 7px!important;border-radius:999px!important;border:0!important;background:rgba(255,255,255,.82)!important;color:#07332e!important;font-weight:950!important;box-shadow:0 10px 20px rgba(15,23,42,.08)!important;transition:transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important} #common-home .diten-cpu-tab:hover{transform:translateY(-1px)!important} #common-home .diten-cpu-tab-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);font-size:1rem;color:#07332e} #common-home .diten-cpu-tab--amd.active{background:linear-gradient(135deg,#ea580c,#f97316,#fb923c)!important;color:#fff!important;box-shadow:0 14px 30px rgba(234,88,12,.26)!important} #common-home .diten-cpu-tab--intel.active{background:linear-gradient(135deg,#0054ae,#0071c5,#00a6d6)!important;color:#fff!important;box-shadow:0 14px 30px rgba(0,113,197,.25)!important} #common-home .diten-cpu-panel{display:none}.diten-cpu-panel.active{display:block!important} #common-home .diten-cpu-feature-strip{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:16px;align-items:center;margin:0 0 14px;padding:14px;border-radius:22px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 26px rgba(7,24,39,.06)} #common-home .diten-cpu-feature-icon{display:flex;align-items:center;justify-content:center;width:86px;height:86px;margin:auto;border-radius:24px;background:#fff;box-shadow:0 14px 28px rgba(7,24,39,.10),inset 0 0 0 1px rgba(15,23,42,.08);font-size:2.1rem;color:#07332e}.diten-cpu-feature-icon--amd{color:#ea580c}.diten-cpu-feature-icon--intel{color:#0071c5} #common-home .diten-cpu-feature-strip h3{margin:0 0 5px!important;color:#071827!important;font-size:1.15rem!important;line-height:1.12!important;font-weight:950!important} #common-home .diten-cpu-feature-strip p{margin:0!important;color:#425466!important;font-size:.92rem!important;line-height:1.45!important} #common-home .diten-cpu-card .diten-product-details-link{display:none!important} #common-home .diten-cpu-panel--amd .diten-product-cart-cta,#common-home .diten-cpu-panel--amd .diten-cpu-more{background:linear-gradient(135deg,#ea580c 0%,#f97316 58%,#fb923c 100%)!important;color:#fff!important;border-color:rgba(249,115,22,.18)!important;box-shadow:0 12px 24px rgba(234,88,12,.20)!important} #common-home .diten-cpu-panel--amd .diten-product-cart-cta:hover,#common-home .diten-cpu-panel--amd .diten-cpu-more:hover{background:linear-gradient(135deg,#c2410c 0%,#ea580c 62%,#f97316 100%)!important;color:#fff!important} #common-home .diten-cpu-panel--intel .diten-product-cart-cta,#common-home .diten-cpu-panel--intel .diten-cpu-more{background:linear-gradient(135deg,#0054ae 0%,#0071c5 58%,#00a6d6 100%)!important;color:#fff!important;border-color:rgba(0,113,197,.18)!important;box-shadow:0 12px 24px rgba(0,113,197,.20)!important} #common-home .diten-cpu-panel--intel .diten-product-cart-cta:hover,#common-home .diten-cpu-panel--intel .diten-cpu-more:hover{background:linear-gradient(135deg,#003c7e 0%,#0054ae 62%,#0071c5 100%)!important;color:#fff!important} @media(max-width:767px){ #common-home .diten-cpu-tabbed-box{padding:18px 12px;border-radius:22px}#common-home .diten-cpu-tabbed-head h2{font-size:2.05rem!important}#common-home .diten-cpu-feature-strip{grid-template-columns:1fr;gap:8px;text-align:center;padding:12px}#common-home .diten-cpu-feature-strip p{font-size:.86rem!important}#common-home .diten-cpu-tab{font-size:.84rem!important;padding-right:12px!important}#common-home .diten-cpu-tab-logo{width:48px;height:30px}} /* Unified featured product box inspired by current DITEN colors */ #common-home .diten-highlight-showcase{padding-top:18px}#common-home .diten-highlight-box{position:relative;overflow:hidden;border-radius:26px;padding:22px 18px 16px;border:1px solid rgba(15,118,110,.18);background:radial-gradient(circle at 18% 0%,rgba(0,214,159,.34),transparent 42%),linear-gradient(135deg,#a7f3d0 0%,#dffcf4 45%,#ffffff 100%);box-shadow:0 18px 46px rgba(7,24,39,.09)}#common-home .diten-highlight-head{position:relative;z-index:1;margin-bottom:12px}#common-home .diten-highlight-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.82);color:#071827;font-size:.76rem;font-weight:950;letter-spacing:.055em;text-transform:uppercase;box-shadow:0 8px 22px rgba(7,24,39,.06)}#common-home .diten-highlight-head h2{margin:10px 0 4px!important;color:#071827!important;text-transform:uppercase;font-size:clamp(2rem,4.3vw,3.15rem);line-height:.94;font-weight:950;letter-spacing:-.055em}#common-home .diten-highlight-head p{margin:0;color:#203040;font-size:1.06rem;line-height:1.45;max-width:820px}#common-home .diten-highlight-tabs{display:flex;flex-wrap:nowrap;gap:10px;margin:14px 0 16px;position:relative;z-index:2;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:0 0 8px}#common-home .diten-highlight-tabs::-webkit-scrollbar{height:6px}#common-home .diten-highlight-tabs::-webkit-scrollbar-thumb{background:rgba(7,94,84,.24);border-radius:999px}#common-home .diten-highlight-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.42);border-radius:999px}#common-home .diten-highlight-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;min-height:38px;padding:0 16px;border-radius:999px;border:0;background:#12d7aa;color:#07332e;font-weight:950;box-shadow:0 10px 20px rgba(0,168,132,.16);transition:transform .16s ease,background .16s ease,color .16s ease}#common-home .diten-highlight-tab:hover{transform:translateY(-1px);background:#0fbf98}#common-home .diten-highlight-tab.active{background:#075e54;color:#fff;box-shadow:0 14px 28px rgba(7,94,84,.24)}#common-home .diten-highlight-tab i{font-size:1rem}#common-home .diten-highlight-panel{display:none}#common-home .diten-highlight-panel.active{display:block}#common-home .diten-highlight-rail{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:0 0 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#common-home .diten-highlight-rail::-webkit-scrollbar{height:8px}#common-home .diten-highlight-rail::-webkit-scrollbar-thumb{background:rgba(7,94,84,.26);border-radius:999px}#common-home .diten-highlight-rail::-webkit-scrollbar-track{background:rgba(255,255,255,.56);border-radius:999px}#common-home .diten-highlight-carousel{position:relative}#common-home .diten-highlight-arrow{position:absolute;top:50%;z-index:8;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-top:-26px;border:1px solid rgba(7,94,84,.18);border-radius:999px;background:rgba(255,255,255,.94);color:#075e54;box-shadow:0 14px 30px rgba(7,24,39,.16);transition:transform .16s ease,background .16s ease,color .16s ease,opacity .16s ease}#common-home .diten-highlight-arrow:hover,#common-home .diten-highlight-arrow:focus{background:#075e54;color:#fff;transform:translateY(-1px)}#common-home .diten-highlight-arrow--prev{left:-7px}#common-home .diten-highlight-arrow--next{right:-7px}#common-home .diten-highlight-card{flex:0 0 clamp(215px,19.3vw,228px);width:clamp(215px,19.3vw,228px);scroll-snap-align:start;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.12);box-shadow:0 14px 30px rgba(15,23,42,.08);overflow:hidden}#common-home .diten-highlight-card .diten-product-image{background:#fff}#common-home .diten-highlight-card .diten-product-image img{object-fit:contain!important}#common-home .diten-highlight-card .diten-product-body{padding:10px 10px 12px}#common-home .diten-highlight-card .diten-product-model{color:#0f766e;font-weight:950}#common-home .diten-highlight-card h3{font-size:.86rem!important;line-height:1.28!important;min-height:50px!important;margin:5px 0 8px!important}#common-home .diten-highlight-card .diten-product-price{font-size:1.05rem!important;color:#0f766e!important;font-weight:950!important}#common-home .diten-highlight-card .diten-price-ex-tax{display:block;color:#6b7280!important;text-transform:uppercase;font-style:italic;font-weight:700;margin-top:1px}#common-home .diten-highlight-card .diten-card-trust{font-size:.76rem;color:#111827;margin:6px 0 8px}#common-home .diten-highlight-card .diten-product-details-link{display:none!important}#common-home .diten-product-cart-cta{background:#12d7aa!important;color:#052b26!important;border:0!important;border-radius:999px!important;box-shadow:0 12px 24px rgba(0,168,132,.18)!important;font-weight:950!important}#common-home .diten-product-cart-cta i{color:inherit!important}#common-home .diten-product-cart-cta:hover,#common-home .diten-product-cart-cta:focus{background:#075e54!important;color:#fff!important;box-shadow:0 16px 30px rgba(7,94,84,.25)!important;transform:translateY(-1px)}#common-home .diten-gamer-showcase .diten-product-cart-cta{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important;box-shadow:0 14px 28px rgba(124,58,237,.22)!important}#common-home .diten-gamer-showcase .diten-product-cart-cta:hover{background:linear-gradient(135deg,#2e1065,#6d28d9)!important;color:#fff!important}#common-home .diten-highlight-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:34px;margin:2px 0 0;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.82);color:#075e54;text-decoration:none;font-weight:950;border:1px solid rgba(7,94,84,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.62)}#common-home .diten-highlight-more:hover,#common-home .diten-highlight-more:focus{background:#075e54;color:#fff;border-color:#075e54}@media(max-width:767px){ #common-home .diten-highlight-box{padding:18px 12px;border-radius:22px}#common-home .diten-highlight-tabs{gap:8px;margin-right:-12px;padding-right:12px}#common-home .diten-highlight-tab{min-height:36px;padding:0 13px;font-size:.84rem}#common-home .diten-highlight-tab i{font-size:.95rem;line-height:1}#common-home .diten-highlight-arrow{display:none!important}#common-home .diten-highlight-card{flex-basis:222px!important;width:222px!important}#common-home .diten-highlight-head h2{font-size:2.05rem!important}} /* Extracted home.twig inline style block 2 */ #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card{background:radial-gradient(circle at 10% 8%,rgba(20,184,166,.22),transparent 30%),radial-gradient(circle at 90% 18%,rgba(45,212,191,.14),transparent 28%),linear-gradient(135deg,#071822 0%,#0a2a32 52%,#062b2f 100%)!important;border:1px solid rgba(94,234,212,.24)!important;color:#e8fff9!important;box-shadow:0 24px 58px rgba(7,24,34,.24),inset 0 1px 0 rgba(255,255,255,.08)!important;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card:before{content:"";position:absolute;inset:auto -70px -95px auto;width:210px;height:210px;border-radius:999px;background:rgba(20,184,166,.16);filter:blur(2px);pointer-events:none;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card .diten-kicker{color:#6ee7d8!important;letter-spacing:.14em!important;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card h2{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.1);} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card p,#common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card li{color:#d7f4ef!important;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card strong{color:#fff!important;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card ul{position:relative;z-index:2;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card li::marker{color:#5eead4;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card .btn-dark{background:#fff!important;border-color:#fff!important;color:#071822!important;box-shadow:0 14px 28px rgba(0,0,0,.22)!important;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card .btn-primary{background:linear-gradient(135deg,#10b981 0%,#14b8a6 100%)!important;border-color:rgba(94,234,212,.7)!important;color:#05201f!important;box-shadow:0 16px 34px rgba(20,184,166,.32)!important;} #common-home.diten-home-pro .diten-home-lower-info .diten-configurator-card .btn:hover{transform:translateY(-1px);}