html,body,button,input,select,textarea { font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; } .samino-category-subnav { margin:0 0 1rem; padding:0.9rem 0 0; border-top:1px solid rgba(55,31,85,0.08); } .samino-category-subnav__list { display:flex; flex-wrap:wrap; gap:0.65rem; margin:0; padding:0; list-style:none; } .samino-category-subnav__link { display:inline-flex; align-items:center; min-height:2.5rem; padding:0.6rem 0.95rem; border:1px solid rgba(55,31,85,0.12); border-radius:999px; background:rgba(255,255,255,0.95); color:#341d51; font-size:0.9rem; font-weight:700; text-decoration:none; transition:border-color 0.18s ease,color 0.18s ease,background-color 0.18s ease,transform 0.18s ease; } .samino-category-subnav__link:hover, .samino-category-subnav__link:focus-visible { border-color:rgba(55,31,85,0.22); background:rgba(55,31,85,0.04); color:#20112f; transform:translateY(-1px); } .samino-banner { width:100%; display:flex; gap:18px; margin:20px 0; align-items:stretch; flex-wrap:wrap; } .samino-main { flex:1; background:linear-gradient(135deg,#ffffff 0%,#f8f5ff 100%); border-radius:24px; min-height:340px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; padding:28px; box-shadow:0 10px 30px rgba(0,0,0,.08); } .samino-content { max-width:480px; z-index:2; } .samino-banner .top-text { color:#371f55; font-weight:700; letter-spacing:1.8px; font-size:12px; margin-bottom:0.65rem; } .samino-banner .samino-content h1 { font-size:44px; line-height:1.08; margin:12px 0; color:#371f55; } .samino-banner .samino-content p { font-size:15px; color:#555; margin-bottom:18px; max-width:460px; } .samino-btn { background:#371f55; color:#fff; text-decoration:none; padding:12px 22px; border-radius:40px; display:inline-block; font-weight:600; font-size:0.95rem; } .samino-slider { position:relative; width:320px; height:300px; min-width:260px; } .samino-slide-link { position:absolute; inset:0; display:block; text-decoration:none; } .samino-banner .slide { position:absolute; width:100%; height:100%; object-fit:contain; opacity:0; transform:translateX(24px); transition:.6s ease; } .samino-banner .slide.active { opacity:1; transform:translateX(0); } .samino-slide-label { position:absolute; left:0.9rem; bottom:0.9rem; display:inline-flex; align-items:center; padding:0.45rem 0.8rem; border-radius:999px; background:rgba(55,31,85,0.9); color:#fff; font-size:0.78rem; font-weight:700; box-shadow:0 8px 20px rgba(0,0,0,0.12); } .samino-side { width:220px; display:flex; flex-direction:column; gap:16px; } .samino-card { background:#fff; border-radius:18px; padding:18px; box-shadow:0 8px 24px rgba(0,0,0,.08); flex:1; } .samino-banner .badge { display:inline-block; background:#371f55; color:#fff; padding:5px 10px; border-radius:28px; font-size:11px; margin-bottom:12px; } .samino-banner .samino-card h3 { color:#371f55; margin-bottom:8px; font-size:1rem; } .samino-banner .samino-card p { color:#555; margin-bottom:16px; font-size:0.95rem; } .samino-banner .samino-card a { color:#371f55; text-decoration:none; font-weight:600; font-size:0.95rem; } @media (max-width:1024px) { .samino-slider { width:280px; height:260px; } .samino-side { width:100%; gap:14px; } } @media (max-width:768px) { .samino-banner { flex-direction:column; margin:15px 0; gap:12px; } .samino-main { flex-direction:column; padding:16px; min-height:auto; } .samino-slider { width:100%; height:260px; min-width:auto; } .samino-side { width:100%; flex-direction:row; flex-wrap:wrap; } .samino-card { width:calc(50% - 8px); padding:16px; } } .samino-banner .badge { display:inline-block; background:#371f55; color:#fff; padding:6px 12px; border-radius:30px; font-size:12px; margin-bottom:15px; } .samino-banner .samino-card h3 { color:#371f55; margin-bottom:10px; } .samino-banner .samino-card p { color:#666; margin-bottom:20px; } .samino-banner .samino-card a { color:#371f55; text-decoration:none; font-weight:600; } @media (min-width:992px) { } @media (max-width:768px) { .samino-banner { flex-direction:column; } .samino-side { width:100%; flex-direction:row; } .samino-card { width:50%; } .samino-main { flex-direction:column; text-align:center; padding:16px 12px; } .samino-banner .samino-content h1 { font-size:34px; } .samino-slider { width:255px; height:255px; margin-top:18px; } } @media (max-width:767px) { .samino-category-subnav { padding-top:0.7rem; margin-bottom:0.85rem; } .samino-category-subnav__list { flex-wrap:nowrap; overflow-x:auto; padding-bottom:0.15rem; -webkit-overflow-scrolling:touch; } .samino-category-subnav__list::-webkit-scrollbar { height:0; } .samino-category-subnav__link { white-space:nowrap; } } .samino-banner { display:flex; align-items:stretch; gap:20px; width:100%; margin:25px 0; } .samino-banner .samino-main { order:1; flex:1 1 76%; min-width:0; background:linear-gradient(135deg,#ffffff 0%,#f8f5ff 58%,#fff8ef 100%); border-radius:28px; min-height:420px; display:flex; align-items:center; justify-content:space-between; gap:26px; overflow:hidden; padding:36px; border:1px solid rgba(55,31,85,0.09); box-shadow:0 22px 56px rgba(0,0,0,0.09); } .samino-banner .samino-main::before { content:''; position:absolute; inset:auto -120px -120px auto; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(181,122,34,0.13) 0%,rgba(181,122,34,0) 68%); pointer-events:none; } .samino-banner .samino-content { max-width:520px; min-width:0; z-index:2; } .samino-banner .top-text { color:#371f55; font-weight:700; letter-spacing:2px; font-size:13px; } .samino-banner .samino-content h1 { font-size:52px; line-height:1.1; margin:15px 0; color:#371f55; text-wrap:balance; } .samino-banner .samino-content p { font-size:17px; color:#666; margin-bottom:25px; } .samino-banner .samino-btn { background:linear-gradient(135deg,#371f55 0%,#4a2d67 100%); color:#fff; text-decoration:none; padding:14px 28px; border-radius:999px; display:inline-block; font-weight:700; box-shadow:0 14px 28px rgba(55,31,85,0.16); transition:transform 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease; } .samino-banner .samino-btn:hover, .samino-banner .samino-btn:focus-visible { color:#fff; transform:translateY(-1px); box-shadow:0 18px 34px rgba(55,31,85,0.2); filter:brightness(1.03); } .samino-banner .samino-slider { position:relative; width:min(100%,385px); height:360px; flex:0 0 auto; border-radius:26px; background: radial-gradient(circle at 25% 20%,rgba(92,53,214,0.12),transparent 28%), radial-gradient(circle at 78% 24%,rgba(241,173,66,0.16),transparent 24%), linear-gradient(180deg,rgba(255,255,255,0.88) 0%,rgba(247,247,248,0.96) 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,0.82),0 20px 38px rgba(39,24,58,0.07); border:1px solid rgba(55,31,85,0.08); } .samino-banner .samino-media-column { display:flex; flex-direction:column; align-items:flex-start; gap:14px; flex:0 0 auto; } .samino-banner .samino-slider-cta { width:min(100%,420px); text-align:center; } .samino-banner .samino-slide-link { position:absolute; inset:0; display:block; text-decoration:none; } .samino-banner .slide { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; transform:translateX(40px) scale(0.98); transition:opacity 0.7s ease,transform 0.7s ease,filter 0.7s ease; filter:drop-shadow(0 14px 24px rgba(39,24,58,0.10)); } .samino-banner .slide.active { opacity:1; transform:translateX(0) scale(1); } .samino-banner .samino-slide-label { position:absolute; left:1rem; bottom:1rem; display:inline-flex; align-items:center; padding:0.5rem 0.85rem; border-radius:999px; background:rgba(55,31,85,0.9); color:#fff; font-size:0.8rem; font-weight:700; box-shadow:0 10px 24px rgba(0,0,0,0.12); } .samino-banner .samino-side { order:2; flex:0 0 clamp(240px,22vw,320px); width:auto; display:flex; flex-direction:column; gap:20px; } .samino-banner .samino-card { position:relative; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,#fff7ec 100%); border-radius:22px; padding:24px; border:1px solid rgba(55,31,85,0.10); box-shadow:0 18px 38px rgba(0,0,0,0.10); flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:0.9rem; isolation:isolate; backdrop-filter:blur(6px); transition:transform 0.22s ease,box-shadow 0.22s ease; } .samino-banner .samino-card::before { content:''; position:absolute; inset:0 0 auto 0; height:6px; background:linear-gradient(90deg,#371f55 0%,#b57a22 52%,#f4d58d 100%); } .samino-banner .samino-card::after { content:''; position:absolute; right:-28px; top:-34px; width:120px; height:120px; border-radius:50%; background:radial-gradient(circle,rgba(55,31,85,0.09) 0%,rgba(55,31,85,0) 68%); pointer-events:none; } .samino-banner .samino-card:hover { transform:translateY(-4px); box-shadow:0 24px 48px rgba(0,0,0,0.13); } .samino-banner .samino-card__media { width:100%; border-radius:18px; overflow:hidden; background:linear-gradient(180deg,rgba(55,31,85,0.06),rgba(255,255,255,0.98)); height:clamp(148px,14vw,214px); min-height:140px; border:1px solid rgba(55,31,85,0.08); box-shadow:inset 0 1px 0 rgba(255,255,255,0.8),0 10px 24px rgba(55,31,85,0.06); } .samino-banner .samino-card__image-link { display:block; width:100%; height:100%; } .samino-banner .samino-card__image-link img { display:block; width:100%; height:100%; object-fit:cover; transform:scale(1.01); } .samino-banner .samino-card__body { display:flex; flex-direction:column; min-width:0; position:relative; z-index:1; } .samino-banner .badge { display:inline-block; background:linear-gradient(135deg,#371f55 0%,#6b447f 100%); color:#fff; padding:6px 14px; border-radius:30px; font-size:11px; margin-bottom:10px; letter-spacing:0.10em; text-transform:uppercase; box-shadow:0 8px 18px rgba(55,31,85,0.18); } .samino-banner .samino-card h3 { color:#371f55; margin:0 0 10px; font-size:1.18rem; line-height:1.15; } .samino-banner .samino-card p { color:#65596e; margin:0 0 16px; font-size:0.97rem; line-height:1.5; } .samino-banner .samino-card a { color:#371f55; text-decoration:none; font-weight:600; } .samino-banner .samino-card__body a { margin-top:auto; align-self:flex-start; display:inline-flex; align-items:center; justify-content:center; min-height:2.7rem; padding:0.72rem 1.05rem; border-radius:999px; background:linear-gradient(180deg,#ffffff 0%,#faf5ff 100%); border:1px solid rgba(55,31,85,0.12); box-shadow:0 10px 20px rgba(55,31,85,0.08); transition:transform 0.18s ease,border-color 0.18s ease,background-color 0.18s ease,box-shadow 0.18s ease; } .samino-banner .samino-card__body a:hover, .samino-banner .samino-card__body a:focus-visible { background:#f6f1fb; border-color:rgba(55,31,85,0.24); transform:translateY(-1px); box-shadow:0 14px 24px rgba(55,31,85,0.11); } .samino-banner .samino-card__body a::after { content:'→'; margin-left:0.5rem; font-size:0.95em; } .samino-departments-v2 .menu-item-has-children > .sub-menu { display:none !important; height:0; overflow:hidden; } .samino-departments-v2 .menu-item-has-children.open > .sub-menu { display:block !important; height:auto; overflow:visible; } @media (max-width:768px) { .samino-banner { flex-direction:column; gap:12px; } .samino-banner .samino-side { order:1; width:100%; flex-direction:row; gap:12px; } .samino-banner .samino-card { width:50%; padding:16px; gap:0.75rem; } .samino-banner .samino-card__media { height:auto; min-height:0; aspect-ratio:1 / 1; } .samino-banner .samino-card__body { gap:0.35rem; } .samino-banner .samino-card__body a { width:100%; margin-top:0.05rem; align-self:stretch; text-align:center; min-height:2.4rem; padding:0.6rem 0.9rem; font-size:0.9rem; } .samino-banner .samino-main { order:2; flex-direction:column; text-align:center; padding:26px 18px; } .samino-banner .samino-content { max-width:none; } .samino-banner .samino-media-column { width:100%; align-items:center; } .samino-banner .samino-slider-cta { width:min(100%,260px); } .samino-banner .samino-content h1 { font-size:31px; } .samino-banner .samino-slider { width:235px; height:235px; margin-top:14px; } } @media (max-width:480px) { .samino-banner { margin:12px 0; gap:10px; } .samino-banner .samino-card { padding:12px; } .samino-banner .top-text { font-size:11px; letter-spacing:1.5px; } .samino-banner .samino-content h1 { font-size:28px; } .samino-banner .samino-content p { font-size:14px; margin-bottom:18px; } .samino-banner .samino-btn { padding:12px 22px; font-size:0.92rem; } .samino-banner .samino-slider-cta { width:min(100%,240px); } .samino-banner .badge { font-size:10px; padding:5px 10px; margin-bottom:10px; } .samino-banner .samino-card h3 { font-size:0.95rem; margin-bottom:6px; } .samino-banner .samino-card p { font-size:0.86rem; margin-bottom:12px; } .samino-banner .samino-card__body a { min-height:2.25rem; padding:0.52rem 0.75rem; font-size:0.84rem; } .samino-banner .samino-slide-label { left:0.75rem; bottom:0.75rem; font-size:0.68rem; padding:0.42rem 0.72rem; } } /* Theme Name:Electro Child Theme URI:http: Description:Electro Child Theme Author:Mad Themes Author URI:http: Template:electro Version:2.0.0 */ @media (max-width:767px) { #content.site-content { margin-bottom:0 !important; } .qlwapp__container { display:none !important; } .back-to-top-wrapper { position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; height:0 !important; overflow:visible !important; pointer-events:none !important; } .back-to-top-wrapper .back-to-top-link { position:fixed !important; bottom:12px !important; right:12px !important; pointer-events:auto !important; z-index:9999 !important; } .back-to-top-link { display:none !important; } } @media (min-width:992px) { .site-footer.footer-v2 .desktop-footer, .site-footer.footer-v2 .footer-newsletter, .site-footer.footer-v2 .footer-bottom-widgets { width:100% !important; max-width:100% !important; } .site-footer.footer-v2 .desktop-footer .container, .site-footer.footer-v2 .footer-newsletter .container, .site-footer.footer-v2 .footer-bottom-widgets .container { width:100% !important; max-width:100% !important; padding-left:20px !important; padding-right:20px !important; margin:0 auto !important; box-sizing:border-box !important; } .site-footer.footer-v2 .footer-newsletter-inner, .site-footer.footer-v2 .footer-bottom-widgets-inner { max-width:1920px; margin:0 auto; } } .samino-banner { position:relative; width:calc(100vw - 40px); max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:42px 32px; background:#F7F5FA; border-radius:2.5rem; box-shadow:0 32px 80px rgba(37,23,50,0.08); display:flex; gap:20px; margin:25px 0; padding:42px 32px; background:#F7F5FA; border-radius:2.5rem; box-shadow:0 32px 80px rgba(37,23,50,0.08); overflow:hidden; grid-template-columns:minmax(0,40%) minmax(0,35%) minmax(0,25%); gap:28px; align-items:center; padding:28px 0; min-height:420px; overflow:hidden; } .samino-banner::before, .samino-banner::after { display:none; } .samino-banner .samino-banner__content-panel { padding:0; gap:1rem; } .samino-banner .top-text { display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.9); border:1px solid rgba(55,31,85,0.12); padding:0.7rem 1.05rem; border-radius:999px; font-size:0.78rem; font-weight:800; letter-spacing:0.18em; text-transform:uppercase; color:#371f55; max-width:fit-content; } html[lang^="it"] .samino-banner .top-text { color:transparent; position:relative; } html[lang^="it"] .samino-banner .top-text::after { content:"NUOVA COLLEZIONE"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#371f55; } .samino-banner .samino-banner__content-panel h1 { margin:0; font-size:clamp(2.8rem,3.7vw,4.8rem); line-height:1.02; max-width:18ch; } .samino-banner .samino-banner__content-panel p { max-width:32rem; margin:0; font-size:1.05rem; line-height:1.7; color:rgba(37,23,50,0.78); } .samino-banner .samino-banner__hero-cta { min-height:3.75rem; padding:1rem 1.5rem; } .samino-banner .samino-banner__content-panel::after { content:"Spedizione Rapida · Pagamento Sicuro · Assistenza Clienti"; display:block; margin-top:1.6rem; font-size:0.96rem; font-weight:700; letter-spacing:0.01em; color:rgba(37,23,50,0.78); } .samino-banner .samino-banner__product-panel { display:flex; justify-content:center; } .samino-banner .samino-banner__product-card { position:relative; width:100%; min-width:0; max-width:100%; display:grid; grid-template-rows:minmax(300px,1.2fr) auto; overflow:hidden; border-radius:2rem; border:1px solid rgba(55,31,85,0.10); background:#ffffff; box-shadow:0 30px 80px rgba(37,23,50,0.10); } .samino-banner .samino-banner__product-media { display:flex; align-items:center; justify-content:center; padding:2rem 1.8rem 1.5rem; background:#ffffff; border-radius:2rem; box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 26px 60px rgba(37,23,50,0.06); } .samino-banner .samino-banner__product-image { width:80%; max-width:80%; min-height:200px; margin:0 auto; object-fit:contain; filter:drop-shadow(0 24px 44px rgba(37,23,50,0.14)); } .samino-banner .samino-banner__product-body { display:flex; flex-direction:column; gap:0.75rem; padding:1.35rem 1.5rem 1.5rem; background:#ffffff; } .samino-banner .samino-banner__product-kicker { font-size:0.78rem; font-weight:800; letter-spacing:0.18em; text-transform:uppercase; color:#5c35d6; } .samino-banner .samino-banner__product-body h3 { margin:0; font-size:clamp(1.3rem,1.6vw,1.7rem); line-height:1.08; color:#20112f; } .samino-banner .samino-banner__product-subtitle, .samino-banner .samino-banner__product-description { margin:0; color:rgba(37,23,50,0.72); } .samino-banner .samino-banner__product-description { font-size:0.95rem; line-height:1.65; } .samino-banner .samino-banner__promo-panel { display:flex; flex-direction:column; gap:1rem; } .samino-banner .samino-banner__promo-card { display:grid; grid-template-rows:minmax(170px,1fr) auto; overflow:hidden; border-radius:1.8rem; border:1px solid rgba(55,31,85,0.10); background:#ffffff; box-shadow:0 18px 42px rgba(37,23,50,0.08); } .samino-banner .samino-banner__promo-media { position:relative; overflow:hidden; padding:1rem; background:#ffffff; } .samino-banner .samino-banner__promo-image { display:block; width:auto; height:100%; max-height:220px; margin:0 auto; object-fit:contain; filter:drop-shadow(0 18px 34px rgba(37,23,50,0.10)); } .samino-banner .samino-banner__promo-body { display:flex; flex-direction:column; gap:0.55rem; padding:1.15rem 1.2rem 1.25rem; } .samino-banner .samino-banner__promo-body h3 { margin:0; font-size:1.05rem; font-weight:700; line-height:1.2; color:#20112f; } .samino-banner .samino-banner__promo-body p { margin:0; color:rgba(37,23,50,0.72); font-size:0.9rem; line-height:1.5; } .samino-banner .samino-banner__promo-cta { margin-top:0.75rem; color:#371f55; font-size:0.9rem; font-weight:800; } .samino-banner .samino-banner__promo-cta:hover, .samino-banner .samino-banner__promo-cta:focus-visible { color:#20112f; transform:translateY(-1px); } @media (max-width:1199px) { .samino-banner { grid-template-columns:1fr; padding:34px 26px; } .samino-banner .samino-banner__promo-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; } .samino-banner .samino-banner__product-panel { order:3; } } @media (max-width:767px) { .samino-banner { width:calc(100vw - 24px); padding:24px 16px; gap:18px; border-radius:2rem; grid-template-columns:1fr; } .samino-banner .samino-banner__content-panel { order:1; } .samino-banner .samino-banner__promo-panel { order:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.9rem; } .samino-banner .samino-banner__product-panel { order:3; } .samino-banner .samino-banner__content-panel h1 { font-size:clamp(2rem,7vw,2.8rem); } .samino-banner .samino-banner__content-panel p { font-size:0.95rem; max-width:100%; } .samino-banner .samino-banner__product-card { grid-template-rows:minmax(220px,1fr) auto; } .samino-banner .samino-banner__product-image { min-height:170px; width:78%; max-width:78%; } .samino-banner .samino-banner__product-media { padding:1.5rem 1rem 1rem; } .samino-banner .samino-banner__promo-card { grid-template-rows:minmax(140px,1fr) auto; } .samino-banner .samino-banner__promo-image { min-height:130px; } } @media (max-width:480px) { .samino-banner .samino-banner__promo-panel { grid-template-columns:repeat(2,minmax(0,1fr)); } .samino-banner .samino-banner__promo-card { grid-template-rows:minmax(140px,1fr) auto; } .samino-banner .samino-banner__content-panel { gap:0.85rem; } .samino-banner .samino-banner__content-panel h1 { font-size:clamp(1.8rem,9vw,2.4rem); } .samino-banner .samino-banner__product-image { min-height:150px; } } body.home #content.site-content { padding-top:0 !important; } body.home .samino-categories-mobile { margin-top:0 !important; } body.home .site-main { margin-top:0 !important; } .samino-home-promo-banner { width:100vw; margin-inline:calc(50% - 50vw); padding:clamp(0.9rem,1.5vw,1.4rem) 0 clamp(1rem,1.8vw,1.8rem); overflow:clip; } .samino-home-promo-banner__inner { position:relative; display:grid; grid-template-columns:minmax(220px,0.86fr) minmax(0,1.28fr) minmax(250px,0.96fr); gap:clamp(0.85rem,1.4vw,1.35rem); align-items:stretch; width:min(100%,1600px); margin:0 auto; padding:clamp(1rem,1.9vw,2rem); border:1px solid rgba(55,31,85,0.1); border-radius:2rem; background: radial-gradient(circle at top left,rgba(55,31,85,0.08),transparent 24%), radial-gradient(circle at 88% 10%,rgba(184,138,72,0.08),transparent 18%), linear-gradient(180deg,#ffffff 0%,#fbfbfc 100%); color:#251732; box-shadow: 0 28px 60px rgba(39,24,58,0.10), inset 0 1px 0 rgba(255,255,255,0.94); isolation:isolate; } .samino-home-promo-banner__inner::before, .samino-home-promo-banner__inner::after { content:''; position:absolute; pointer-events:none; border-radius:999px; } .samino-home-promo-banner__inner::before { inset-inline-end:-4rem; inset-block-start:-5rem; width:16rem; height:16rem; background:radial-gradient(circle,rgba(55,31,85,0.10) 0%,rgba(55,31,85,0) 70%); } .samino-home-promo-banner__inner::after { inset-inline-start:12%; inset-block-end:-6rem; width:12rem; height:12rem; background:radial-gradient(circle,rgba(184,138,72,0.10) 0%,rgba(184,138,72,0) 70%); } .samino-home-promo-banner__content, .samino-home-promo-banner__rail, .samino-home-promo-banner__visual-composition { position:relative; z-index:1; min-width:0; } .samino-home-promo-banner__rail { display:flex; flex-direction:row; flex-wrap:wrap; align-items:stretch; gap:0.9rem; } .samino-home-promo-banner__content { min-width:0; align-self:center; } .samino-home-promo-banner__brand { display:inline-flex; align-items:center; gap:0.75rem; margin-bottom:0.85rem; padding:0.38rem 0.8rem 0.38rem 0.45rem; border:1px solid rgba(55,31,85,0.10); border-radius:999px; background:rgba(255,255,255,0.82); box-shadow:0 10px 28px rgba(39,24,58,0.06); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } .samino-home-promo-banner__logo { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:999px; background:linear-gradient(135deg,rgba(55,31,85,0.08),rgba(255,255,255,0.98)); overflow:hidden; flex:0 0 auto; } .samino-home-promo-banner__logo img, .samino-home-promo-banner__floating-brand-logo img { display:block; width:100%; height:100%; object-fit:contain; } .samino-home-promo-banner__brand-name { color:#341d51; font-size:0.78rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; } .samino-home-promo-banner__eyebrow, .samino-home-promo-banner__card-eyebrow { display:inline-flex; align-items:center; gap:0.45rem; color:#5c35d6; font-size:0.72rem; font-weight:800; letter-spacing:0.17em; text-transform:uppercase; } .samino-home-promo-banner__eyebrow { margin-bottom:0.8rem; } .samino-home-promo-banner__eyebrow::before, .samino-home-promo-banner__card-eyebrow::before { content:''; width:1.8rem; height:2px; border-radius:999px; background:currentColor; flex:0 0 auto; } .samino-home-promo-banner__content h2 { margin:0; color:#20112f; font-size:clamp(2rem,3.2vw,3.6rem); line-height:0.98; letter-spacing:-0.04em; max-width:12ch; text-wrap:balance; overflow-wrap:anywhere; } .samino-home-promo-banner__content p { max-width:42rem; margin:1rem 0 0; color:rgba(37,23,50,0.78); font-size:1.02rem; line-height:1.65; overflow-wrap:anywhere; } .samino-home-promo-banner__actions { display:flex; flex-wrap:wrap; align-items:center; gap:0.85rem 1rem; margin-top:1.35rem; } .samino-home-promo-banner__cta { display:inline-flex; align-items:center; justify-content:center; min-height:3.2rem; padding:0.85rem 1.5rem; border-radius:999px; background:linear-gradient(135deg,#f1ad42 0%,#d98b18 100%); color:#23122f; font-weight:800; text-decoration:none; box-shadow:0 18px 32px rgba(184,138,72,0.22); transition:transform 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease; } .samino-home-promo-banner__cta:hover, .samino-home-promo-banner__cta:focus-visible { color:#23122f; filter:brightness(1.02); box-shadow:0 22px 38px rgba(184,138,72,0.26); transform:translateY(-1px); } .samino-home-promo-banner__mini-note { color:rgba(52,29,81,0.76); font-size:0.92rem; font-weight:600; overflow-wrap:anywhere; } .samino-home-promo-banner__trust { display:flex; flex-wrap:wrap; gap:0.6rem; margin:1.15rem 0 0; padding:0; list-style:none; } .samino-home-promo-banner__trust li, .samino-home-promo-banner__category-card, .samino-home-promo-banner__side-card { border:1px solid rgba(55,31,85,0.10); background:rgba(255,255,255,0.88); box-shadow:0 14px 28px rgba(39,24,58,0.06); } .samino-home-promo-banner__trust li { display:inline-flex; align-items:center; padding:0.55rem 0.85rem; border-radius:999px; color:#341d51; font-size:0.82rem; font-weight:800; overflow-wrap:anywhere; } .samino-home-promo-banner__categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.75rem; margin-top:1rem; } .samino-home-promo-banner__category-card { display:flex; flex-direction:column; gap:0.35rem; min-width:0; padding:0.9rem 0.95rem; border-radius:1.15rem; } .samino-home-promo-banner__category-card span { color:#20112f; font-size:0.84rem; font-weight:800; line-height:1.2; overflow-wrap:anywhere; } .samino-home-promo-banner__category-card small { color:rgba(37,23,50,0.72); font-size:0.76rem; line-height:1.4; overflow-wrap:anywhere; } .samino-home-promo-banner__side-card { position:relative; overflow:hidden; padding:1rem 1rem 1.05rem; border-radius:1.35rem; flex:1 1 calc(50% - 0.45rem); } .samino-home-promo-banner__side-card::before { content:''; position:absolute; inset-inline-end:-1.25rem; inset-block-start:-1.25rem; width:5rem; height:5rem; border-radius:999px; background:radial-gradient(circle,rgba(55,31,85,0.10) 0%,rgba(55,31,85,0) 70%); } .samino-home-promo-banner__side-card h3 { margin:0.45rem 0 0; color:#20112f; font-size:1rem; line-height:1.25; letter-spacing:-0.02em; overflow-wrap:anywhere; } .samino-home-promo-banner__side-card p { margin:0.45rem 0 0; color:rgba(37,23,50,0.74); font-size:0.84rem; line-height:1.55; overflow-wrap:anywhere; } .samino-home-promo-banner__visual-composition { display:grid; gap:0.85rem; flex:1 1 58%; min-width:min(100%,22rem); } .samino-home-promo-banner__visual-main { position:relative; overflow:hidden; min-height:clamp(320px,31vw,500px); border:1px solid rgba(55,31,85,0.10); border-radius:1.6rem; background: radial-gradient(circle at top right,rgba(55,31,85,0.12),transparent 34%), linear-gradient(180deg,#ffffff 0%,#f5f5f6 100%); box-shadow:0 20px 40px rgba(39,24,58,0.08); } .samino-home-promo-banner__visual-main img { display:block; width:100%; height:100%; object-fit:cover; } .samino-home-promo-banner__floating-brand { position:absolute; inset-inline:1rem 1rem; inset-block-end:1rem; display:flex; align-items:center; gap:0.8rem; padding:0.85rem 1rem; border:1px solid rgba(55,31,85,0.10); border-radius:1.2rem; background:rgba(255,255,255,0.92); box-shadow:0 18px 28px rgba(39,24,58,0.08); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } .samino-home-promo-banner__floating-brand-logo { display:flex; align-items:center; justify-content:center; width:42px; height:42px; flex:0 0 auto; border-radius:1rem; background:linear-gradient(135deg,rgba(55,31,85,0.08),rgba(255,255,255,0.96)); overflow:hidden; } .samino-home-promo-banner__floating-brand strong { display:block; color:#20112f; font-size:0.88rem; font-weight:800; line-height:1.2; overflow-wrap:anywhere; } .samino-home-promo-banner__floating-brand span { display:block; margin-top:0.2rem; color:rgba(37,23,50,0.66); font-size:0.73rem; line-height:1.35; overflow-wrap:anywhere; } .samino-home-promo-banner__visual-secondary { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,0.92fr); gap:0.8rem; } .samino-home-promo-banner__visual-thumb, .samino-home-promo-banner__visual-chip { overflow:hidden; border:1px solid rgba(55,31,85,0.10); border-radius:1.35rem; background:linear-gradient(180deg,#ffffff 0%,#f7f7f8 100%); box-shadow:0 16px 30px rgba(39,24,58,0.06); } .samino-home-promo-banner__visual-thumb { min-height:200px; } .samino-home-promo-banner__visual-thumb img { display:block; width:100%; height:100%; object-fit:cover; } .samino-home-promo-banner__visual-chip { display:flex; flex-direction:column; justify-content:flex-end; min-height:200px; padding:1rem; background: radial-gradient(circle at top right,rgba(184,138,72,0.10),transparent 34%), linear-gradient(180deg,#ffffff 0%,#f4f2f0 100%); } .samino-home-promo-banner__visual-chip span { color:#5c35d6; font-size:0.72rem; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; overflow-wrap:anywhere; } .samino-home-promo-banner__visual-chip strong { display:block; margin-top:0.35rem; color:#20112f; font-size:0.96rem; line-height:1.35; overflow-wrap:anywhere; } .samino-home-promo-banner__rail-cards { display:flex; flex:1 1 40%; flex-direction:row; flex-wrap:wrap; gap:0.9rem; align-content:flex-start; } .samino-home-promo-banner__badge { display:inline-flex; align-items:center; justify-content:center; width:fit-content; margin-top:0.7rem; padding:0.38rem 0.65rem; border-radius:999px; background:rgba(92,53,214,0.10); color:#5c35d6; font-size:0.7rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; overflow-wrap:anywhere; } .samino-home-promo-banner__card-cta { display:inline-flex; align-items:center; justify-content:center; margin-top:0.95rem; padding:0.72rem 1rem; border:1px solid rgba(55,31,85,0.12); border-radius:999px; background:rgba(255,255,255,0.95); color:#371F55; font-size:0.86rem; font-weight:800; text-decoration:none; transition:transform 0.18s ease,background-color 0.18s ease,box-shadow 0.18s ease; } .samino-home-promo-banner__card-cta:hover, .samino-home-promo-banner__card-cta:focus-visible { color:#20112f; background:rgba(55,31,85,0.05); transform:translateY(-1px); box-shadow:0 12px 20px rgba(39,24,58,0.08); } .samino-home-promo-banner__trust-icons { display:flex; flex-wrap:wrap; gap:0.55rem; margin:1.1rem 0 0; padding:0; list-style:none; } .samino-home-promo-banner__trust-icons li { display:inline-flex; align-items:center; padding:0.55rem 0.8rem; border:1px solid rgba(55,31,85,0.10); border-radius:999px; background:rgba(255,255,255,0.88); color:#341d51; font-size:0.8rem; font-weight:800; line-height:1.2; overflow-wrap:anywhere; } .samino-home-promo-banner__phone-stage { position:relative; display:flex; justify-content:center; margin-top:1.15rem; min-height:34rem; } .samino-home-promo-banner__bg-shape { position:absolute; border-radius:999px; filter:blur(10px); pointer-events:none; opacity:0.9; } .samino-home-promo-banner__bg-shape--one { inset-inline-start:0; inset-block-start:0.5rem; width:11rem; height:11rem; background:radial-gradient(circle,rgba(55,31,85,0.22) 0%,rgba(55,31,85,0) 70%); } .samino-home-promo-banner__bg-shape--two { inset-inline-end:0.5rem; inset-block-end:0.5rem; width:14rem; height:14rem; background:radial-gradient(circle,rgba(184,138,72,0.18) 0%,rgba(184,138,72,0) 70%); } .samino-home-promo-banner__phone-mockup { position:relative; z-index:1; width:min(100%,27rem); padding:0.9rem; border:1px solid rgba(55,31,85,0.14); border-radius:2.45rem; background:linear-gradient(180deg,#2c173f 0%,#150d1f 100%); box-shadow:0 28px 60px rgba(39,24,58,0.22); transform:perspective(1200px) rotateX(4deg) rotateY(-4deg); } .samino-home-promo-banner__phone-glow { position:absolute; inset:0.7rem; border-radius:2rem; background:radial-gradient(circle at 50% 20%,rgba(255,255,255,0.22),rgba(255,255,255,0) 56%); pointer-events:none; } .samino-home-promo-banner__phone-notch { position:absolute; top:0.55rem; left:50%; width:7rem; height:1.25rem; border-radius:999px; background:rgba(17,11,24,0.85); transform:translateX(-50%); z-index:2; } .samino-home-promo-banner__phone-screen { position:relative; display:grid; gap:0.85rem; min-height:100%; padding:1.2rem; border-radius:1.9rem; background: radial-gradient(circle at top left,rgba(92,53,214,0.16),transparent 30%), radial-gradient(circle at 82% 18%,rgba(241,173,66,0.13),transparent 24%), linear-gradient(180deg,#ffffff 0%,#f7f7f8 100%); } .samino-home-promo-banner__phone-topbar { display:flex; align-items:center; justify-content:space-between; gap:0.75rem; padding-bottom:0.5rem; border-bottom:1px solid rgba(55,31,85,0.08); color:#371F55; font-size:0.72rem; font-weight:800; letter-spacing:0.09em; text-transform:uppercase; } .samino-home-promo-banner__phone-topbar strong { color:rgba(55,31,85,0.72); font-size:0.68rem; } .samino-home-promo-banner__phone-hero { display:flex; align-items:center; gap:0.8rem; padding:1rem; border-radius:1.4rem; background:linear-gradient(135deg,rgba(55,31,85,0.08),rgba(255,255,255,0.96)); box-shadow:inset 0 1px 0 rgba(255,255,255,0.7); } .samino-home-promo-banner__phone-logo { display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; flex:0 0 auto; border-radius:1rem; background:rgba(255,255,255,0.9); overflow:hidden; } .samino-home-promo-banner__phone-logo img { display:block; width:100%; height:100%; object-fit:contain; } .samino-home-promo-banner__phone-hero span { display:block; color:rgba(55,31,85,0.74); font-size:0.72rem; font-weight:800; letter-spacing:0.08em; text-transform:uppercase; overflow-wrap:anywhere; } .samino-home-promo-banner__phone-hero strong { display:block; color:#20112f; font-size:1.15rem; line-height:1.05; letter-spacing:-0.03em; overflow-wrap:anywhere; } .samino-home-promo-banner__phone-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.75rem; } .samino-home-promo-banner__phone-card { min-width:0; padding:0.9rem; border:1px solid rgba(55,31,85,0.10); border-radius:1.15rem; background:rgba(255,255,255,0.95); box-shadow:0 12px 22px rgba(39,24,58,0.06); } .samino-home-promo-banner__phone-card span { display:block; color:#20112f; font-size:0.82rem; font-weight:800; line-height:1.2; overflow-wrap:anywhere; } .samino-home-promo-banner__phone-card small { display:block; margin-top:0.35rem; color:rgba(37,23,50,0.68); font-size:0.72rem; line-height:1.45; overflow-wrap:anywhere; } .samino-home-promo-banner__phone-footer { display:flex; justify-content:space-between; gap:0.75rem; padding-top:0.25rem; color:#5c35d6; font-size:0.68rem; font-weight:800; letter-spacing:0.12em; text-transform:uppercase; } .samino-home-promo-banner__bottom-trust { display:flex; grid-column:1 / -1; flex-wrap:wrap; gap:0.75rem; margin-top:0.3rem; padding-top:0.95rem; border-top:1px solid rgba(55,31,85,0.08); } .samino-home-promo-banner__bottom-trust-item { display:flex; align-items:center; gap:0.75rem; min-width:0; flex:1 1 calc(25% - 0.75rem); padding:0.8rem 0.95rem; border:1px solid rgba(55,31,85,0.10); border-radius:1.1rem; background:rgba(255,255,255,0.92); box-shadow:0 12px 24px rgba(39,24,58,0.05); color:#20112f; font-size:0.84rem; font-weight:800; line-height:1.25; overflow-wrap:anywhere; } .samino-home-promo-banner__bottom-trust-icon { flex:0 0 auto; width:0.8rem; height:0.8rem; border-radius:999px; background:linear-gradient(135deg,#5c35d6 0%,#f1ad42 100%); box-shadow:0 0 0 0.35rem rgba(92,53,214,0.08); } html[dir="rtl"] .samino-home-promo-banner__inner { direction:rtl; } html[dir="rtl"] .samino-home-promo-banner__rail--left { order:3; } html[dir="rtl"] .samino-home-promo-banner__content { order:2; } html[dir="rtl"] .samino-home-promo-banner__rail--right { order:1; } @media (max-width:1199px) { .samino-home-promo-banner__inner { grid-template-columns:1fr; } .samino-home-promo-banner__rail--left, .samino-home-promo-banner__rail--right { display:flex; flex-wrap:wrap; } .samino-home-promo-banner__phone-stage { grid-column:1 / -1; } .samino-home-promo-banner__bottom-trust { grid-column:1 / -1; justify-content:center; } .samino-home-promo-banner__phone-stage { 		min-height:30rem; 	} } @media (max-width:767px) { .samino-home-promo-banner { padding-bottom:0.9rem; } .samino-home-promo-banner__inner { padding:0.85rem; border-radius:1.35rem; gap:0.85rem; } .samino-home-promo-banner__rail--left, .samino-home-promo-banner__rail--right { display:flex; flex-wrap:nowrap; gap:0.6rem; overflow-x:auto; padding-bottom:0.15rem; scrollbar-width:none; } .samino-home-promo-banner__rail--left::-webkit-scrollbar, .samino-home-promo-banner__rail--right::-webkit-scrollbar { display:none; } .samino-home-promo-banner__rail--left > .samino-home-promo-banner__side-card, .samino-home-promo-banner__rail--right > .samino-home-promo-banner__side-card { flex:0 0 min(78vw,15rem); } .samino-home-promo-banner__visual-composition, .samino-home-promo-banner__rail-cards { flex:0 0 100%; min-width:100%; } .samino-home-promo-banner__brand { gap:0.6rem; padding-right:0.6rem; margin-bottom:0.65rem; } .samino-home-promo-banner__brand-name { font-size:0.68rem; } .samino-home-promo-banner__content h2 { max-width:none; font-size:clamp(1.55rem,8vw,2.15rem); } .samino-home-promo-banner__content p { margin-top:0.55rem; font-size:0.88rem; line-height:1.45; } .samino-home-promo-banner__actions { flex-direction:column; align-items:stretch; margin-top:0.8rem; } .samino-home-promo-banner__cta { width:100%; } .samino-home-promo-banner__mini-note { width:100%; text-align:center; font-size:0.8rem; } .samino-home-promo-banner__trust { gap:0.45rem; margin-top:0.8rem; } .samino-home-promo-banner__trust li { padding:0.4rem 0.6rem; font-size:0.69rem; } .samino-home-promo-banner__trust-icons { gap:0.4rem; } .samino-home-promo-banner__side-card h3 { font-size:0.95rem; } .samino-home-promo-banner__side-card p { font-size:0.8rem; } .samino-home-promo-banner__phone-stage { min-height:24rem; } .samino-home-promo-banner__phone-mockup { width:min(100%,22rem); } .samino-home-promo-banner__phone-grid { gap:0.55rem; } .samino-home-promo-banner__bottom-trust { flex-wrap:wrap; } } @media (max-width:480px) { .samino-home-promo-banner__rail--left > .samino-home-promo-banner__side-card, .samino-home-promo-banner__rail--right > .samino-home-promo-banner__side-card { flex-basis:16rem; } .samino-home-promo-banner__phone-stage { min-height:22rem; } .samino-home-promo-banner__bottom-trust { flex-direction:column; } } @media (min-width:992px) { .site-header.header-v4 .container.hidden-lg-down.d-none.d-xl-block { display:block !important; } .site-header.header-v4 .off-canvas-navigation-wrapper { display:block !important; visibility:visible !important; opacity:1 !important; } } .samino-departments-v2 { position:relative; z-index:99999; overflow:visible; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list { margin:0; padding:0; list-style:none; background:#fff; border:1px solid #ececec; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list > li { padding:0; border-bottom:1px solid #ececec; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list > li:last-child { border-bottom:none; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list > li > .category-item { display:flex; align-items:center; justify-content:space-between; padding:0.85rem 1rem; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list > li > .category-item > a { color:#333; text-decoration:none; font-weight:500; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list > li > .category-item > a:hover { color:#000; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list .sub-menu { display:none; padding:0; margin:0; background:#fff; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list .menu-item-has-children.open > .sub-menu, .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list .sub-menu.show { display:block; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list .sub-menu li a { display:block; padding:0.75rem 1.5rem; font-size:0.95rem; color:#333; text-decoration:none; } .departments-menu-v2.samino-departments-v2 .samino-departments-v2-list .sub-menu li a:hover { background:#f7f7f7; } .departments-menu-v2.samino-departments-v2 .departments-menu-v2-title { cursor:default; } @media (min-width:992px) { .departments-menu-v2.samino-departments-v2 .dropdown-menu { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; overflow:visible !important; position:absolute !important; top:100% !important; left:0 !important; right:0 !important; box-shadow:none !important; } .departments-menu-v2.samino-departments-v2 .departments-menu-v2-title { cursor:default; } } @media (max-width:767px) { .handheld-header-v2 { flex-wrap:wrap !important; } .handheld-header-v2 .off-canvas-navigation-wrapper { order:1; } .handheld-header-v2 .header-logo { order:2; } .handheld-header-v2 .handheld-header-links { order:3; } .handheld-header-v2 .mobile-handheld-department.samino-departments-v2 { order:4; flex:0 0 100% !important; width:100% !important; margin-top:0.5rem; } } .mobile-handheld-department.samino-departments-v2 .dropdown-menu, .mobile-header-v2 .samino-departments-v2 .dropdown-menu { display:none; margin:0; padding:0; border:none; box-shadow:none; width:100%; position:absolute !important; top:100% !important; background:#fff; z-index:99999; max-height:calc(100vh - 4rem); overflow-y:auto; } .mobile-handheld-department.samino-departments-v2 .dropdown-menu, .mobile-header-v2 .samino-departments-v2 .dropdown-menu { left:0 !important; right:0 !important; } .mobile-handheld-department.samino-departments-v2 .dropdown-menu.show, .mobile-header-v2 .samino-departments-v2 .dropdown-menu.show, .samino-departments-v2 .dropdown-menu.show, .samino-departments-v2.open .dropdown-menu { display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; overflow:visible !important; } .samino-departments-v2 .dropdown-menu li { list-style:none; } .samino-departments-v2 .dropdown-menu > li { padding:0; border-bottom:1px solid #ececec; } .samino-departments-v2 .dropdown-menu > li:last-child { border-bottom:none; } .samino-departments-v2 .dropdown-menu > li > .category-item { display:flex; align-items:center; justify-content:space-between; padding:0.85rem 1rem; } .samino-departments-v2 .dropdown-menu > li > .category-item > a { color:#333; text-decoration:none; font-weight:500; } .samino-departments-v2 .dropdown-menu > li > .category-item > a:hover { color:#000; } .samino-departments-v2 .subcategory-toggle { display:inline-flex; align-items:center; justify-content:center; width:1.8rem; height:1.8rem; border:none; background:transparent; color:#666; cursor:pointer; font-size:0; border-radius:999px; transition:background-color 0.18s ease,color 0.18s ease; } .samino-departments-v2 .subcategory-toggle:focus { outline:none; } .samino-departments-v2 .subcategory-toggle:hover, .samino-departments-v2 .subcategory-toggle:focus-visible { background:#f3f4f6; color:#222; } .samino-departments-v2 .subcategory-toggle::before { content:'\203A'; display:block; font-size:1rem; line-height:1; font-weight:800; color:currentColor; margin-left:1px; transform:rotate(0deg); transition:transform 0.18s ease; } .samino-departments-v2 .subcategory-toggle i { display:none; } .samino-departments-v2 .dropdown-menu .sub-menu { display:none; padding:0; margin:0; background:#fff; } .samino-departments-v2 .dropdown-menu .menu-item-has-children.open > .sub-menu, .samino-departments-v2 .dropdown-menu .sub-menu.show { display:block; } .off-canvas-navigation .samino-departments-v2 .dropdown-menu .menu-item-has-children.open > .sub-menu, .off-canvas-navigation .samino-departments-v2 .dropdown-menu .sub-menu.show, .mobile-handheld-department.samino-departments-v2 .dropdown-menu .menu-item-has-children.open > .sub-menu, .mobile-handheld-department.samino-departments-v2 .dropdown-menu .sub-menu.show { display:block !important; } .samino-departments-v2 .dropdown-menu .sub-menu li a { display:block; padding:0.75rem 1.5rem; font-size:0.95rem; color:#333; text-decoration:none; } .samino-departments-v2 .dropdown-menu .sub-menu li a:hover { background:#f7f7f7; } .samino-departments-v2 .departments-menu-v2-title { display:flex; align-items:center; justify-content:space-between; width:100%; padding:1rem 1rem; border:1px solid #e6e6e6; background:#fafafa; color:#333; font-weight:600; text-transform:none; cursor:pointer; } .site-header.mobile-header-v2 .samino-departments-v2 .departments-menu-v2-title, .mobile-header-v2 .samino-departments-v2 .departments-menu-v2-title, .mobile-handheld-department.samino-departments-v2 .departments-menu-v2-title { background:transparent !important; border:none !important; border-color:transparent !important; box-shadow:none !important; color:#fff !important; } .site-header.mobile-header-v2 .samino-departments-v2 .departments-menu-v2-title:hover, .mobile-header-v2 .samino-departments-v2 .departments-menu-v2-title:hover, .mobile-handheld-department .departments-menu-v2-title:hover { color:#fff !important; } .samino-departments-v2 .departments-menu-v2-title span { display:inline-flex; align-items:center; gap:0.4rem; } .samino-departments-v2 .departments-menu-v2-icon { margin-left:0.3rem; } .samino-departments-v2 .dropdown-menu, .samino-departments-v2 .dropdown-menu a, .samino-departments-v2 .dropdown-menu .sub-menu li a, .samino-departments-v2 .dropdown-menu > li > a { text-transform:none; } .samino-departments-v2 .menu-item-has-children.open > .category-item .subcategory-toggle i { transform:rotate(90deg); } .samino-departments-v2 .menu-item-has-children.open > .category-item .subcategory-toggle::before { transform:rotate(90deg); } .samino-departments-v2 .mobile-handheld-department { width:100%; } .off-canvas-navigation .samino-departments-v2 { width:100%; margin-top:1rem; padding:0 0.5rem; } .off-canvas-navigation .samino-departments-v2 .departments-menu-v2-title { display:block; width:100%; padding:1rem 1rem; background:#fafafa; border-radius:0.75rem; border:1px solid #e6e6e6; } .off-canvas-navigation .samino-departments-v2 .departments-menu-v2-title span { display:inline-flex; align-items:center; justify-content:space-between; width:100%; } .off-canvas-navigation .samino-departments-v2 .dropdown-menu { margin-top:0.75rem; border-top:1px solid #ececec; } .off-canvas-navigation .samino-departments-v2 .dropdown-menu > li > .category-item { padding:0.85rem 0.85rem; } .off-canvas-navigation .samino-departments-v2 .dropdown-menu .sub-menu li a { padding-left:1.75rem; } .samino-subcategories-list {margin:1.2rem 0;padding:0 1rem;} .samino-subcats {list-style:none;margin:0;padding:0;display:flex;gap:12px;flex-wrap:wrap;} .samino-subcat {width:calc(33.333% - 8px);box-sizing:border-box;} .samino-subcat a {display:block;text-decoration:none;color:inherit;} .samino-subcat-image img {width:100%;height:auto;display:block;} .samino-subcat-name {display:block;padding:8px 0;text-align:center;font-weight:600;} @media (max-width:767px) { .samino-subcats {display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;} .samino-subcat {flex:0 0 45%;width:45%;} } .samino-header-v1-categories {background:#f5f5f5;padding:10px 0;border-bottom:1px solid #ddd;} .samino-categories-title {margin:0;padding:0 1rem;font-size:14px;font-weight:bold;display:none;} .samino-header-categories-list {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px;} .samino-header-cat-item {position:relative;} .samino-header-cat-item > a {display:block;padding:8px 12px;text-decoration:none;color:#333;font-weight:500;font-size:13px;} .samino-header-cat-item > a:hover {color:#392054;} .samino-header-cat-item.has-children:hover .samino-header-subcat-list, .samino-header-cat-item.has-children:focus-within .samino-header-subcat-list {display:block;} .samino-header-subcat-list {list-style:none;margin:0;padding:0;display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:100;min-width:150px;} .samino-header-subcat-list li {margin:0;padding:0;} .samino-header-subcat-list a {display:block;padding:10px 12px;text-decoration:none;color:#333;font-size:12px;border-bottom:1px solid #f0f0f0;} .samino-header-subcat-list a:hover {background:#f9f9f9;color:#392054;} .samino-header-subcat-list li:last-child a {border-bottom:none;} @media (min-width:992px) { .site-header .samino-departments-v2 .departments-menu-v2-title { background:transparent !important; border:none !important; box-shadow:none !important; color:#fff !important; } .departments-menu-v2.samino-departments-v2 .departments-menu-v2-title { color:#fff !important; } .site-header .samino-departments-v2 .departments-menu-v2-title:hover, .site-header .samino-departments-v2 .departments-menu-v2-title:focus { background:transparent !important; border:none !important; box-shadow:none !important; } } @media (max-width:767px) { .site-header.mobile-header-v2 .mobile-header-v2-inner { min-height:56px; padding-top:4px; padding-bottom:4px; } .mobile-header-v2 .mobile-handheld-department.samino-departments-v2 .departments-menu-v2-title { padding-top:0.65rem; padding-bottom:0.65rem; } } .samino-header-v1-menu {background:#fff;padding:10px 0;border-bottom:1px solid #ddd;} .samino-header-main-menu {list-style:none;margin:0;padding:0 1rem;display:flex;flex-wrap:wrap;gap:15px;} .samino-header-main-menu li {margin:0;padding:0;} .samino-header-main-menu a {display:block;padding:8px 10px;text-decoration:none;color:#333;font-size:13px;font-weight:500;} .samino-header-main-menu a:hover {color:#392054;} @media (max-width:991px) { .samino-header-v1-categories,.samino-header-v1-menu {display:none;} } @media (min-width:992px) { header.site-header .electro-navbar .departments-menu-v2.samino-departments-v2 .departments-menu-v2-title, header.site-header .electro-navbar .departments-menu-v2.samino-departments-v2 .departments-menu-v2-title span, .departments-menu-v2.samino-departments-v2 .departments-menu-v2-title { color:#fff !important; } } .samino-banner { position:relative; display:grid; grid-template-columns:minmax(300px,0.95fr) minmax(0,1.45fr) minmax(250px,0.88fr); gap:clamp(1rem,1.8vw,1.6rem); width:100%; margin:24px 0 28px; padding:clamp(1rem,1.8vw,1.45rem); border:1px solid rgba(55,31,85,0.10); border-radius:2rem; background: radial-gradient(circle at top left,rgba(55,31,85,0.08),transparent 28%), radial-gradient(circle at 88% 12%,rgba(184,138,72,0.08),transparent 20%), linear-gradient(135deg,#ffffff 0%,#f8f5ff 56%,#fff8f1 100%); box-shadow:0 28px 64px rgba(39,24,58,0.10); overflow:hidden; isolation:isolate; } .samino-banner::before, .samino-banner::after { content:''; position:absolute; pointer-events:none; border-radius:999px; } .samino-banner::before { inset:-6rem auto auto -4rem; width:18rem; height:18rem; background:radial-gradient(circle,rgba(55,31,85,0.08) 0%,rgba(55,31,85,0) 68%); } .samino-banner::after { inset:auto -5rem -7rem auto; width:16rem; height:16rem; background:radial-gradient(circle,rgba(184,138,72,0.08) 0%,rgba(184,138,72,0) 70%); } .samino-banner .samino-banner__content-panel, .samino-banner .samino-banner__product-panel, .samino-banner .samino-banner__promo-panel { position:relative; z-index:1; min-width:0; } .samino-banner .samino-banner__content-panel { display:flex; flex-direction:column; justify-content:center; gap:0.95rem; padding:clamp(0.75rem,0.8vw,1rem) 0.25rem clamp(0.75rem,1vw,1.2rem) 0.25rem; } .samino-banner .top-text { display:inline-flex; align-items:center; gap:0.5rem; width:fit-content; color:#371f55; font-size:0.76rem; font-weight:800; letter-spacing:0.18em; text-transform:uppercase; } .samino-banner .top-text::before { content:''; width:2.15rem; height:2px; border-radius:999px; background:currentColor; opacity:0.85; } .samino-banner .samino-banner__content-panel h1 { margin:0; color:#371f55; font-size:clamp(2.2rem,3.7vw,4.35rem); line-height:0.98; letter-spacing:-0.05em; text-wrap:balance; } .samino-banner .samino-banner__content-panel p { max-width:34rem; margin:0; color:rgba(37,23,50,0.74); font-size:1.02rem; line-height:1.62; } .samino-banner .samino-banner__hero-cta, .samino-banner .samino-banner__product-cta, .samino-banner .samino-banner__promo-cta { display:inline-flex; align-items:center; justify-content:center; gap:0.65rem; text-decoration:none; transition:transform 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease; } .samino-banner .samino-banner__hero-cta, .samino-banner .samino-banner__product-cta { width:fit-content; min-height:3.45rem; padding:0.95rem 1.35rem; border-radius:999px; background:linear-gradient(135deg,#371f55 0%,#5b3780 58%,#7a4fa1 100%); color:#fff; box-shadow:0 18px 34px rgba(55,31,85,0.18); } .samino-banner .samino-banner__hero-cta:hover, .samino-banner .samino-banner__hero-cta:focus-visible, .samino-banner .samino-banner__product-cta:hover, .samino-banner .samino-banner__product-cta:focus-visible { color:#fff; transform:translateY(-1px); box-shadow:0 22px 38px rgba(55,31,85,0.22); filter:brightness(1.03); } .samino-banner .samino-btn__icon { display:inline-flex; align-items:center; justify-content:center; width:1.9rem; height:1.9rem; border-radius:999px; background:rgba(255,255,255,0.18); flex:0 0 auto; } .samino-banner { grid-template-columns:minmax(0,35%) minmax(0,30%) minmax(0,35%) !important; gap:20px !important; padding-top:20px !important; padding-bottom:20px !important; min-height:420px !important; align-items:center !important; } .samino-banner .samino-banner__product-panel {display:flex;align-items:center;justify-content:center;padding:0 12px;} .samino-banner .samino-banner__product-image {max-width:70% !important;height:auto !important;box-shadow:0 18px 40px rgba(20,20,30,0.06);margin:0 auto;} .samino-banner .samino-banner__content-panel {display:flex;flex-direction:column;justify-content:center;gap:12px;} .samino-banner .samino-banner__content-panel h1 {font-size:clamp(28px,4.2vw,44px) !important;line-height:1.04 !important;} .samino-banner .samino-banner__hero-cta {align-self:flex-start !important;} .samino-banner .samino-banner__promo-panel {display:flex;flex-direction:column;gap:12px;} .samino-banner .samino-banner__promo-card {display:flex;gap:12px;align-items:center;padding:14px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(20,20,30,0.06);} .samino-banner .samino-banner__promo-media {flex:0 0 65%;} .samino-banner .samino-banner__promo-body {flex:1 1 35%;} .samino-banner .samino-banner__promo-image {width:100%;height:auto;border-radius:8px;display:block;} @media (max-width:767px) { .samino-banner {grid-template-columns:1fr !important;gap:10px !important;padding:12px !important;min-height:220px !important;} .samino-banner .samino-banner__promo-panel {display:flex;flex-wrap:wrap;flex-direction:row;gap:8px;} .samino-banner .samino-banner__promo-card {flex:1 1 calc(50% - 6px);padding:8px;} .samino-banner .samino-banner__product-panel {order:3;padding:6px 8px;} .samino-banner .samino-banner__product-image {max-width:60% !important;} .samino-banner .samino-banner__content-panel h1 {font-size:20px !important;} } .samino-banner .samino-btn__label { font-size:0.98rem; font-weight:800; letter-spacing:0.01em; } .samino-banner .samino-btn__arrow { font-size:1.1rem; font-weight:800; line-height:1; } .samino-banner .samino-banner__product-panel { display:flex; } .samino-banner .samino-banner__product-card { position:relative; width:100%; min-height:100%; display:grid; grid-template-rows:minmax(360px,1.2fr) auto; overflow:hidden; border-radius:2rem; border:1px solid rgba(55,31,85,0.10); background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,#f9f6ff 100%); box-shadow:0 26px 52px rgba(39,24,58,0.10); } .samino-banner .samino-banner__product-card::before { content:''; position:absolute; inset:0 0 auto 0; height:6px; background:linear-gradient(90deg,#371f55 0%,#b57a22 52%,#f4d58d 100%); z-index:2; } .samino-banner .samino-banner__product-media { position:relative; display:block; overflow:hidden; padding:1rem 1rem 0.75rem; background: radial-gradient(circle at 24% 20%,rgba(92,53,214,0.12),transparent 28%), radial-gradient(circle at 78% 24%,rgba(241,173,66,0.14),transparent 24%), linear-gradient(180deg,rgba(255,255,255,0.90) 0%,rgba(247,247,248,0.96) 100%); } .samino-banner .samino-banner__product-image { display:block; width:100%; height:100%; min-height:250px; object-fit:contain; filter:drop-shadow(0 16px 26px rgba(39,24,58,0.12)); } .samino-banner .samino-banner__product-body { display:flex; flex-direction:column; gap:0.55rem; padding:1.15rem 1.2rem 1.2rem; background:linear-gradient(180deg,rgba(255,255,255,0.80) 0%,rgba(250,246,255,0.98) 100%); } .samino-banner .samino-banner__product-kicker { color:#5c35d6; font-size:0.72rem; font-weight:800; letter-spacing:0.18em; text-transform:uppercase; } .samino-banner .samino-banner__product-body h3 { margin:0; color:#20112f; font-size:clamp(1.2rem,1.55vw,1.55rem); line-height:1.08; letter-spacing:-0.03em; text-wrap:balance; } .samino-banner .samino-banner__product-subtitle { margin:0; color:#371f55; font-size:0.94rem; font-weight:700; } .samino-banner .samino-banner__product-description { margin:0; color:rgba(37,23,50,0.76); font-size:0.96rem; line-height:1.55; } .samino-banner .samino-banner__promo-panel { display:flex; flex-direction:column; gap:1rem; } .samino-banner .samino-banner__promo-card { flex:1 1 0; display:grid; grid-template-rows:minmax(190px,1fr) auto; overflow:hidden; border-radius:1.6rem; border:1px solid rgba(55,31,85,0.10); background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,#fff8f1 100%); box-shadow:0 18px 36px rgba(39,24,58,0.09); } .samino-banner .samino-banner__promo-media { position:relative; overflow:hidden; padding:0.95rem 0.95rem 0.5rem; background: radial-gradient(circle at 25% 20%,rgba(92,53,214,0.10),transparent 30%), radial-gradient(circle at 78% 24%,rgba(241,173,66,0.12),transparent 26%), linear-gradient(180deg,rgba(255,255,255,0.92) 0%,rgba(247,247,248,0.98) 100%); } .samino-banner .samino-banner__promo-image { display:block; width:100%; height:100%; min-height:170px; object-fit:contain; filter:drop-shadow(0 12px 20px rgba(39,24,58,0.10)); } .samino-banner .samino-banner__promo-body { display:flex; flex-direction:column; gap:0.45rem; padding:1rem 1rem 1.05rem; } .samino-banner .samino-banner__promo-body .badge { display:inline-flex; width:fit-content; align-items:center; padding:0.42rem 0.75rem; border-radius:999px; background:linear-gradient(135deg,#371f55 0%,#6b447f 100%); color:#fff; font-size:0.72rem; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; } .samino-banner .samino-banner__promo-body h3 { margin:0; color:#20112f; font-size:1.02rem; line-height:1.25; letter-spacing:-0.02em; } .samino-banner .samino-banner__promo-body p { margin:0; color:rgba(37,23,50,0.74); font-size:0.86rem; line-height:1.5; } .samino-banner .samino-banner__promo-cta { margin-top:0.35rem; align-self:flex-start; color:#371f55; font-size:0.88rem; font-weight:800; } .samino-banner .samino-banner__promo-cta:hover, .samino-banner .samino-banner__promo-cta:focus-visible { color:#20112f; transform:translateY(-1px); } @media (max-width:1199px) { .samino-banner { grid-template-columns:minmax(0,1fr); } .samino-banner .samino-banner__content-panel { padding-bottom:0; } .samino-banner .samino-banner__product-card { grid-template-rows:minmax(300px,1fr) auto; } .samino-banner .samino-banner__product-image { min-height:210px; } .samino-banner .samino-banner__promo-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.9rem; } } @media (max-width:767px) { .samino-banner { padding:0.9rem; gap:0.9rem; border-radius:1.5rem; } .samino-banner .samino-banner__content-panel { gap:0.75rem; } .samino-banner .samino-banner__content-panel h1 { font-size:clamp(1.7rem,8vw,2.35rem); } .samino-banner .samino-banner__content-panel p { font-size:0.9rem; } .samino-banner .samino-banner__hero-cta, .samino-banner .samino-banner__product-cta { width:100%; min-height:3rem; justify-content:center; } .samino-banner .samino-banner__product-card { border-radius:1.5rem; grid-template-rows:minmax(260px,1fr) auto; } .samino-banner .samino-banner__product-image { min-height:185px; } .samino-banner .samino-banner__product-body { padding:1rem; } .samino-banner .samino-banner__promo-panel { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.75rem; } .samino-banner .samino-banner__promo-card { border-radius:1.25rem; grid-template-rows:minmax(150px,1fr) auto; } .samino-banner .samino-banner__promo-image { min-height:150px; } .samino-banner .samino-banner__promo-body { padding:0.85rem; } .samino-banner .samino-banner__promo-body h3 { font-size:0.95rem; } .samino-banner .samino-banner__promo-body p { font-size:0.78rem; } } @media (max-width:480px) { .samino-banner .samino-banner__content-panel h1 { font-size:clamp(1.55rem,9vw,2rem); } .samino-banner .samino-banner__promo-panel { grid-template-columns:1fr; } .samino-banner .samino-banner__promo-card { grid-template-rows:minmax(180px,1fr) auto; } .samino-banner .samino-banner__promo-image { min-height:180px; } } @media (min-width:992px) { .site-footer { max-width:92%; margin-left:auto; margin-right:auto; } } @media (max-width:991px) { .site-footer { max-width:100%; margin-left:0; margin-right:0; } } /* SAMINO OVERRIDES:precise banner proportions and mobile stacking (final override) This block is purposely placed at file end to ensure specificity and avoid touching earlier rules that are used elsewhere. */ .samino-banner { display:grid !important; grid-template-columns:35% 30% 35% !important; gap:20px !important; padding:16px 22px !important; min-height:330px !important; align-items:stretch !important; } .samino-banner__hero-panel { display:flex; align-items:center; } .samino-banner__hero-copy { display:flex; flex-direction:column; gap:1rem; max-width:30rem; } .samino-banner__hero-badge { display:inline-flex; align-items:center; justify-content:center; padding:0.55rem 0.95rem; border-radius:999px; background:rgba(55,31,85,0.08); color:#371f55; font-size:0.78rem; font-weight:800; letter-spacing:0.18em; text-transform:uppercase; } .samino-banner__hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; } .samino-banner__hero-note { color:rgba(37,23,50,0.72); font-size:0.95rem; } .samino-banner .samino-banner__product-panel { display:flex; align-items:center; justify-content:center; padding:0 10px; } .samino-banner .samino-banner__product-card { width:100%; max-width:330px; min-height:100%; border-radius:2rem; overflow:hidden; } .samino-banner .samino-banner__product-image { max-width:100% !important; height:auto !important; object-fit:contain !important; margin:0 auto; filter:drop-shadow(0 16px 28px rgba(39,24,58,0.12)); } .samino-banner .samino-banner__product-body { padding:1.5rem 1.4rem 1.6rem; } .samino-banner .samino-banner__promo-panel { display:flex; flex-direction:column; gap:14px; } .samino-banner .samino-banner__promo-card { display:grid; grid-template-columns:1fr; gap:1rem; align-items:start; padding:1rem; background:#fff; border-radius:1.45rem; box-shadow:0 14px 34px rgba(20,20,30,0.06); } .samino-banner .samino-banner__promo-media { overflow:hidden; border-radius:1.2rem; background:linear-gradient(180deg,rgba(255,255,255,0.92) 0%,rgba(247,247,248,1) 100%); } .samino-banner .samino-banner__promo-image { width:100%; height:auto; border-radius:1.2rem; display:block; } .samino-banner .samino-banner__promo-body { display:flex; flex-direction:column; gap:0.5rem; padding:0; } .samino-banner .samino-banner__promo-body .badge { display:inline-flex; width:fit-content; padding:0.4rem 0.8rem; border-radius:999px; background:linear-gradient(135deg,#371f55 0%,#6b447f 100%); color:#fff; font-size:0.72rem; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; } .samino-banner .samino-banner__promo-body h3 { margin:0; color:#20112f; font-size:1rem; line-height:1.3; } .samino-banner .samino-banner__promo-body p { margin:0; color:rgba(37,23,50,0.74); font-size:0.92rem; line-height:1.55; } .samino-banner .samino-banner__promo-cta { margin-top:0.25rem; } @media (max-width:767px) { .samino-banner { grid-template-columns:1fr !important; gap:14px !important; padding:14px !important; min-height:auto !important; } .samino-banner__hero-actions { flex-direction:column; align-items:stretch; } .samino-banner__hero-note { font-size:0.9rem; } .samino-banner .samino-banner__hero-cta, .samino-banner .samino-banner__product-cta { width:100%; } .samino-banner .samino-banner__product-panel { order:2; padding:0; } .samino-banner .samino-banner__product-card { max-width:100%; } .samino-banner .samino-banner__product-image { max-width:80% !important; } .samino-banner .samino-banner__promo-panel { order:3; display:grid; grid-template-columns:1fr; gap:12px; } .samino-banner .samino-banner__promo-card { padding:0.95rem; } } @media (min-width:992px) { .site-footer.footer-v2 .desktop-footer, .site-footer.footer-v2 .footer-newsletter, .site-footer.footer-v2 .footer-bottom-widgets { max-width:1280px !important; margin:0 auto !important; padding-left:20px !important; padding-right:20px !important; box-sizing:border-box !important; } .site-footer.footer-v2 .footer-bottom-widgets-inner, .site-footer.footer-v2 .footer-newsletter-inner { max-width:1280px; margin:0 auto; } } .samino-premium-hero-banner { width:100vw; margin-inline:calc(50% - 50vw); padding:32px 16px 24px; background:#f4f3f8; overflow:hidden; } .samino-premium-hero__inner { max-width:1400px; margin:0 auto; background:#fff; border-radius:32px; box-shadow:0 32px 80px rgba(16,24,40,0.12); display:grid; grid-template-columns:minmax(0,40%) minmax(0,30%) minmax(0,30%); gap:28px; padding:40px; align-items:center; } .samino-premium-hero__column { min-width:0; } .samino-premium-hero__left { display:flex; flex-direction:column; gap:24px; } .samino-premium-hero__eyebrow { display:inline-flex; align-items:center; justify-content:center; padding:0.75rem 1rem; border-radius:999px; background:rgba(111,80,169,0.08); color:#5c368c; font-size:0.82rem; font-weight:700; letter-spacing:0.15em; text-transform:uppercase; } .samino-premium-hero__title { font-size:clamp(2.8rem,5vw,4.6rem); line-height:1.02; letter-spacing:-0.03em; color:#12121b; margin:0; } .samino-premium-hero__title-accent { display:block; color:#7c57c6; } .samino-premium-hero__text { max-width:520px; color:#4d4d5f; font-size:1rem; line-height:1.75; margin:0; } .samino-premium-hero__actions { display:flex; gap:18px; flex-wrap:wrap; } .samino-premium-hero__button { display:inline-flex; align-items:center; justify-content:center; min-height:62px; padding:0 28px; border-radius:999px; background:linear-gradient(135deg,#5c368c 0%,#8b5cf6 100%); color:#fff; font-size:1rem; font-weight:700; text-decoration:none; transition:transform 0.24s ease,box-shadow 0.24s ease; } .samino-premium-hero__button:hover, .samino-premium-hero__button:focus-visible { transform:translateY(-1px); box-shadow:0 18px 40px rgba(92,54,140,0.18); } .samino-premium-hero__trust { display:flex; flex-wrap:wrap; gap:12px 16px; color:#5f4b87; font-size:0.92rem; line-height:1.65; } .samino-premium-hero__trust span { padding:0.85rem 1rem; border-radius:999px; background:rgba(111,80,169,0.05); } .samino-premium-hero__center { display:flex; justify-content:center; } .samino-premium-hero__featured-card { position:relative; width:min(100%,100%); max-width:520px; display:grid; place-items:center; } .samino-premium-hero__featured-disk { position:absolute; inset:0; margin:auto; width:100%; max-width:480px; aspect-ratio:1 / 1; border-radius:50%; background:radial-gradient(circle at 30% 30%,rgba(111,80,169,0.16),transparent 48%),rgba(255,255,255,0.95); box-shadow:inset 0 0 0 1px rgba(111,80,169,0.06); } .samino-premium-hero__featured-image-wrap { position:relative; width:100%; max-width:420px; min-height:420px; display:flex; align-items:center; justify-content:center; margin:0 auto; } .samino-premium-hero__featured-image { width:90%; height:auto; object-fit:contain; max-height:420px; z-index:1; } .samino-premium-hero__featured-badge { position:absolute; top:18px; left:18px; display:inline-flex; align-items:center; justify-content:center; padding:0.65rem 0.95rem; border-radius:999px; background:#fff; color:#5c368c; font-size:0.85rem; font-weight:800; box-shadow:0 14px 40px rgba(92,54,140,0.12); } .samino-premium-hero__featured-podium { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); width:72%; height:24px; border-radius:999px; background:rgba(18,18,27,0.07); filter:blur(1px); } .samino-premium-hero__right { display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:22px; } .samino-premium-hero__promo-card { display:grid; grid-template-columns:42% 58%; gap:18px; align-items:center; padding:22px; border-radius:28px; background:#fff; border:1px solid rgba(79,63,163,0.08); box-shadow:0 20px 48px rgba(16,24,40,0.08); } .samino-premium-hero__promo-media { display:flex; align-items:center; justify-content:center; min-height:160px; overflow:hidden; } .samino-premium-hero__promo-image { width:100%; height:auto; object-fit:contain; max-height:180px; } .samino-premium-hero__promo-content { display:flex; flex-direction:column; gap:10px; } .samino-premium-hero__promo-tag { display:inline-flex; align-items:center; justify-content:center; padding:0.55rem 0.85rem; border-radius:999px; background:rgba(111,80,169,0.08); color:#5c368c; font-size:0.78rem; font-weight:800; text-transform:uppercase; } .samino-premium-hero__promo-title { margin:0; font-size:1.05rem; line-height:1.3; color:#14142f; } .samino-premium-hero__promo-text { margin:0; color:#5f547e; font-size:0.95rem; line-height:1.7; } .samino-premium-hero__promo-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:999px; background:rgba(92,54,140,0.1); color:#5c368c; font-weight:700; text-decoration:none; transition:background 0.24s ease; } .samino-premium-hero__promo-button:hover, .samino-premium-hero__promo-button:focus-visible { background:rgba(92,54,140,0.18); } @media (max-width:991px) { .samino-premium-hero__inner { grid-template-columns:1fr; padding:28px 20px; gap:22px; } .samino-premium-hero__right { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .samino-premium-hero__promo-card { grid-template-columns:1fr; padding:18px; } .samino-premium-hero__title { font-size:clamp(2.4rem,8vw,3.6rem); } .samino-premium-hero__featured-image-wrap { min-height:320px; } } @media (max-width:680px) { .samino-premium-hero-banner { padding:24px 12px 18px; } .samino-premium-hero__right { grid-template-columns:repeat(2,minmax(0,1fr)); } .samino-premium-hero__promo-card { gap:14px; min-height:230px; } .samino-premium-hero__button { width:100%; } .samino-premium-hero__trust { gap:10px; } }