/* Theme Name: HIBR Theme URI: https://7ibr.shop/ Author: HIBR Description: قالب حِبر المخصص بستايل ستريت وير سينمائي ومتوافق مع WooCommerce. Version: 1.0.0 Text Domain: hibr Requires at least: 6.4 Requires PHP: 7.4 */ :root{ --bg:#080807; --fg:#f4f1eb; --surface:#11110f; --surface2:#191917; --line:#2a2a26; --muted:#9d9a92; --gold:#c8a968; --gold2:#dfc27f; --max:1240px; } /* HIBR final homepage + Hostinger Reach overrides */ .home .hibr-canvas-secondary{display:inline-flex!important;font-size:inherit!important} .home .hibr-canvas-secondary:before{content:none!important} .home .hibr-canvas-secondary span{font-size:1rem!important} .home .hibr-canvas-categories{display:grid!important;grid-template-columns:1fr!important;max-width:230px!important} .home .hibr-canvas-categories a:not(:nth-child(2)){display:none!important} .home .hibr-card--accessory{display:none!important} .home .hibr-worlds,.home .hibr-complete-look{display:none!important} .home main#main-content + main#main-content,body.home main#main-content~main#main-content{display:none!important} .home .hibr-canvas-kicker,.home .hibr-canvas-lead{font-size:0!important} .home .hibr-canvas-kicker:after{content:"HIBR / FIRST HOODIE DROP";font-size:.72rem;letter-spacing:.18em;color:var(--gold)} .home .hibr-canvas-lead:after{content:"أول دروب من حِبر: هوديز أوفرسايز بتصميمات أصلية، خامة مريحة وحضور يبان من أول نظرة.";font-size:1rem;line-height:1.9;color:inherit} .hibr-hostinger-suite{position:relative;overflow:hidden;padding:clamp(54px,7vw,96px) 0;background:radial-gradient(circle at 18% 10%,rgba(216,185,111,.13),transparent 30%),linear-gradient(180deg,#070706 0%,#0d0c0a 100%);border-top:1px solid rgba(216,185,111,.14);border-bottom:1px solid rgba(216,185,111,.16)} .hibr-hostinger-suite-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(18px,4vw,42px);align-items:stretch} .hibr-hostinger-copy{display:flex;flex-direction:column;justify-content:center;max-width:640px}.hibr-hostinger-copy h2{margin:8px 0 14px;color:#f4efe5;font-size:clamp(2rem,5vw,4.2rem);line-height:1.08;letter-spacing:0}.hibr-hostinger-copy p:not(.hibr-eyebrow){margin:0;color:#bfb7a9;font-size:1rem;line-height:1.95} .hibr-hostinger-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hibr-hostinger-pills span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid rgba(216,185,111,.25);border-radius:999px;background:rgba(216,185,111,.08);color:#e8cf86;font-size:.72rem;font-weight:800;letter-spacing:.04em} .hibr-reach-card{display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:300px;padding:clamp(22px,4vw,34px);border:1px solid rgba(216,185,111,.28);border-radius:8px;background:linear-gradient(145deg,rgba(21,19,15,.97),rgba(8,8,7,.99));box-shadow:0 28px 70px rgba(0,0,0,.42)}.hibr-reach-card small{color:#d8b96f;font:800 .68rem Arial;letter-spacing:.18em}.hibr-reach-card strong{color:#f5f0e7;font-size:clamp(1.25rem,2.6vw,2rem);line-height:1.3}.hibr-reach-card .hibr-hostinger-mail{align-self:flex-start;color:#d8b96f;text-decoration:none;font-weight:900} .hibr-reach-form form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin:0!important}.hibr-reach-form input[type=email],.hibr-reach-form input[type=text]{width:100%!important;min-height:46px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:8px!important;background:#0b0b0a!important;color:#f4efe5!important}.hibr-reach-form button,.hibr-reach-form input[type=submit],.hibr-reach-fallback{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:0 18px!important;border:0!important;border-radius:8px!important;background:#d8b96f!important;color:#090806!important;font-family:inherit!important;font-weight:900!important;text-decoration:none!important;cursor:pointer!important;white-space:nowrap!important} @media(max-width:860px){.hibr-hostinger-suite-inner{grid-template-columns:1fr}.hibr-reach-form form{grid-template-columns:1fr!important}.hibr-hostinger-copy h2{font-size:2.15rem}.hibr-hostinger-suite{padding:44px 0}.home .hibr-canvas-lead:after{font-size:.88rem}.home .hibr-canvas-categories{max-width:100%!important}} /* /HIBR final homepage + Hostinger Reach overrides */ /* Keep the homepage campaign identical on desktop, tablet and mobile. */ .home .hibr-canvas-hero-media{background:none!important} .home .hibr-canvas-hero-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:62% center!important} @media(max-width:760px){.home .hibr-canvas-hero-media img{object-position:70% center!important}} /* ========================================================= HIBR CORE PAGES — SIZE / TRACK / CONTACT / ABOUT ========================================================= */ .hibr-info-page{--info-line:rgba(255,255,255,.1);background:#070706;color:#f2eee6;overflow:hidden} .hibr-info-page .hibr-container{width:min(100% - 48px,1280px)} .hibr-info-hero{position:relative;min-height:620px;padding:150px 0 70px;border-bottom:1px solid var(--info-line);background:radial-gradient(circle at 15% 30%,rgba(200,169,104,.14),transparent 32%),linear-gradient(120deg,#0e0d0b,#050505 65%)} .hibr-info-hero:before{content:"";position:absolute;inset:0;opacity:.22;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 80%,transparent)} .hibr-info-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:80px;min-height:400px} .hibr-info-kicker{margin:0;color:#c8a968;font:700 .62rem/1.5 Arial,sans-serif;letter-spacing:.24em} .hibr-info-hero h1{max-width:900px;margin:22px 0 28px;font-size:clamp(4rem,8vw,8.4rem);line-height:.88;letter-spacing:-.07em} .hibr-info-hero h1 span{color:#cfc4ad;font-weight:400} .hibr-info-hero-grid>div:first-child>p:last-child{max-width:630px;margin:0;color:rgba(255,255,255,.58);font-size:1rem;line-height:2} .hibr-info-tabs{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-1px;border-inline-start:1px solid var(--info-line);border-bottom:1px solid var(--info-line)} .hibr-info-tabs a{display:flex;align-items:center;justify-content:center;min-height:74px;border-inline-end:1px solid var(--info-line);color:rgba(255,255,255,.65);font-size:.82rem}.hibr-info-tabs a:hover{background:rgba(200,169,104,.08);color:#d9bf84} .hibr-info-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 30px;margin-bottom:34px}.hibr-info-heading p{grid-column:1/-1;margin:0;color:#c8a968;font:700 .6rem Arial;letter-spacing:.22em}.hibr-info-heading h2{margin:0;font-size:clamp(2.8rem,5vw,5.4rem);line-height:1;letter-spacing:-.055em}.hibr-info-heading span{max-width:320px;color:rgba(255,255,255,.5);font-size:.82rem;line-height:1.8} .hibr-size-figure{position:relative;display:grid;place-items:center;min-height:330px;border:1px solid rgba(200,169,104,.24);border-radius:50% 50% 42% 42%;background:radial-gradient(circle,rgba(200,169,104,.11),transparent 66%);color:#bba779}.hibr-size-figure b{display:grid;place-items:center;width:140px;height:170px;border:1px solid rgba(255,255,255,.16);border-radius:60px 60px 18px 18px;color:#f4efe5;font-size:2.5rem}.hibr-size-figure span{font:600 .58rem Arial;letter-spacing:.17em}.hibr-size-figure i{width:72%;height:1px;background:linear-gradient(90deg,transparent,#c8a968,transparent)} .hibr-size-section{padding:88px 0;border-bottom:1px solid var(--info-line);scroll-margin-top:100px}.hibr-table-wrap{overflow:auto;border:1px solid var(--info-line);background:#0b0b0a}.hibr-table-wrap table{width:100%;min-width:670px;border-collapse:collapse}.hibr-table-wrap th,.hibr-table-wrap td{height:68px;padding:12px 22px;border-bottom:1px solid var(--info-line);border-inline-start:1px solid var(--info-line);text-align:center}.hibr-table-wrap thead th{color:#c8a968;font-size:.72rem;font-weight:700}.hibr-table-wrap tbody th{color:#fff;font:800 1rem Arial}.hibr-table-wrap td{color:rgba(255,255,255,.65);font:500 .9rem Arial}.hibr-table-wrap tr:last-child>*{border-bottom:0}.hibr-table-wrap tbody tr:hover{background:rgba(200,169,104,.055)} .hibr-measure-section{padding:95px 0;background:#0b0a09}.hibr-measure-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--info-line);border-inline-start:1px solid var(--info-line)}.hibr-measure-grid article{min-height:245px;padding:30px;border-inline-end:1px solid var(--info-line)}.hibr-measure-grid b{color:#c8a968;font:700 .62rem Arial}.hibr-measure-grid h3{margin:70px 0 12px;font-size:1.55rem}.hibr-measure-grid p{margin:0;color:rgba(255,255,255,.5);font-size:.84rem;line-height:1.9}.hibr-info-note{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:30px;padding:24px 28px;border:1px solid rgba(200,169,104,.25);background:rgba(200,169,104,.05)}.hibr-info-note strong{font-size:1.2rem}.hibr-info-note span{color:rgba(255,255,255,.5);font-size:.82rem}.hibr-info-note a{color:#d8bd7a;font-size:.82rem} .hibr-track-status{position:relative;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:70px 35px;border:1px solid var(--info-line);background:rgba(0,0,0,.2)}.hibr-track-status i{width:17px;height:17px;border:1px solid #8b806b;border-radius:50%;background:#080807}.hibr-track-status i.is-active{border-color:#d2b874;background:#d2b874;box-shadow:0 0 0 8px rgba(210,184,116,.1)}.hibr-track-status>span{height:1px;background:linear-gradient(90deg,#c8a968,#403b31)}.hibr-track-status b{position:absolute;inset:auto 30px 25px;color:rgba(255,255,255,.35);font:600 .58rem Arial;letter-spacing:.2em}.hibr-track-main{padding:95px 0}.hibr-track-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.7fr);gap:24px}.hibr-track-form,.hibr-track-help{padding:44px;border:1px solid var(--info-line);background:#0b0b0a}.hibr-track-form h2,.hibr-track-help h2,.hibr-contact-form-card h2,.hibr-contact-aside h2{margin:14px 0 34px;font-size:clamp(2.2rem,4vw,4rem);line-height:1}.hibr-track-form .woocommerce-form-track-order{margin:0!important}.hibr-track-form .woocommerce-form-track-order>p:first-child{color:rgba(255,255,255,.52);line-height:1.9}.hibr-track-form label{display:block;margin-bottom:9px;color:#d9d3c7;font-size:.76rem}.hibr-track-form input{width:100%;height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.13);border-radius:0;background:#070706;color:#fff}.hibr-track-form button{min-height:54px!important;padding:0 28px!important;border:0!important;border-radius:0!important;background:#d3b770!important;color:#0b0905!important;font-weight:800!important}.hibr-track-help ul{margin:0;padding:0;list-style:none}.hibr-track-help li{display:grid;gap:6px;padding:18px 0;border-bottom:1px solid var(--info-line)}.hibr-track-help li b{font-size:.92rem}.hibr-track-help li span{color:rgba(255,255,255,.5);font-size:.76rem}.hibr-track-help>a{display:inline-block;margin-top:28px;color:#d4b974;font-size:.82rem} .hibr-contact-stamp{display:grid;place-items:center;width:320px;height:320px;margin:auto;border:1px solid rgba(200,169,104,.35);border-radius:50%;text-align:center;transform:rotate(-7deg)}.hibr-contact-stamp b{font-size:5.6rem;line-height:1}.hibr-contact-stamp span{color:#b8a47a;font:600 .58rem/1.8 Arial;letter-spacing:.22em}.hibr-contact-main{padding:95px 0}.hibr-contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.65fr);gap:24px}.hibr-contact-form-card,.hibr-contact-aside{padding:44px;border:1px solid var(--info-line);background:#0b0b0a}.hibr-contact-form{display:grid;gap:20px}.hibr-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hibr-contact-form label{display:grid;gap:9px;color:#d9d3c7;font-size:.74rem}.hibr-contact-form label small{color:#716d65}.hibr-contact-form input,.hibr-contact-form select,.hibr-contact-form textarea{width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:0;background:#070706;color:#fff;font:inherit;outline:none}.hibr-contact-form input,.hibr-contact-form select{height:54px}.hibr-contact-form textarea{resize:vertical;line-height:1.8}.hibr-contact-form input:focus,.hibr-contact-form select:focus,.hibr-contact-form textarea:focus{border-color:#c8a968}.hibr-contact-form button{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 22px;border:1px solid #d4b872;background:#d4b872;color:#0b0905;font-weight:900;cursor:pointer}.hibr-contact-form button span{font-size:1.4rem}.hibr-honeypot{position:absolute!important;left:-9999px!important}.hibr-form-alert{margin:0 0 24px;padding:15px 18px;border:1px solid}.hibr-form-alert.is-success{border-color:#4b9666;background:rgba(75,150,102,.1);color:#a7dcb8}.hibr-form-alert.is-error{border-color:#a75a58;background:rgba(167,90,88,.1);color:#e0aaa8}.hibr-contact-method{position:relative;display:grid;gap:7px;padding:23px 0;border-bottom:1px solid var(--info-line);color:#fff}.hibr-contact-method b{font-size:1.05rem}.hibr-contact-method span{color:rgba(255,255,255,.48);font:500 .78rem Arial}.hibr-contact-method i{position:absolute;inset:26px auto auto 0;color:#c8a968;font-style:normal}.hibr-contact-hours{display:grid;gap:8px;margin-top:35px;padding:20px;border:1px solid rgba(200,169,104,.22);background:rgba(200,169,104,.05)}.hibr-contact-hours strong{color:#c8a968}.hibr-contact-hours span{color:rgba(255,255,255,.52);font-size:.77rem} .hibr-about-mark{display:grid;place-items:center;min-height:360px;color:rgba(255,255,255,.95);font-size:clamp(7rem,14vw,13rem);font-weight:900;letter-spacing:-.12em}.hibr-about-mark small{position:absolute;color:#c9b17b;font:600 .56rem/1.7 Arial;letter-spacing:.22em;text-align:center}.hibr-about-story{padding:110px 0}.hibr-about-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.hibr-about-story-grid>div:last-child{padding-top:55px;border-top:1px solid var(--info-line)}.hibr-about-story-grid p{margin:0 0 22px;color:rgba(255,255,255,.55);font-size:.95rem;line-height:2}.hibr-about-story-grid .hibr-about-lead{color:#eee8dc;font-size:1.35rem;line-height:1.8}.hibr-about-story-grid a{display:inline-block;margin-top:12px;color:#d1b574}.hibr-about-values{padding:95px 0;background:#0b0a09}.hibr-values-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--info-line);border-inline-start:1px solid var(--info-line)}.hibr-values-grid article{position:relative;min-height:340px;padding:30px;border-inline-end:1px solid var(--info-line)}.hibr-values-grid b{color:#c8a968;font:700 .6rem Arial}.hibr-values-grid h3{margin:150px 0 13px;font-size:2rem}.hibr-values-grid p{margin:0;color:rgba(255,255,255,.5);font-size:.84rem;line-height:1.9}.hibr-about-process{padding:95px 0}.hibr-about-process ol{display:grid;grid-template-columns:repeat(4,1fr);margin:45px 0 0;padding:0;border-block:1px solid var(--info-line);border-inline-start:1px solid var(--info-line);list-style:none}.hibr-about-process li{display:grid;gap:50px;min-height:170px;padding:24px;border-inline-end:1px solid var(--info-line)}.hibr-about-process li b{color:#c8a968;font:700 .6rem Arial}.hibr-about-process li span{align-self:end;font-size:1.2rem}.hibr-about-cta{padding:100px 0;border-top:1px solid var(--info-line);text-align:center;background:radial-gradient(circle at 50% 100%,rgba(200,169,104,.18),transparent 40%)}.hibr-about-cta h2{margin:18px 0 35px;font-size:clamp(3.2rem,7vw,7rem);line-height:1}.hibr-about-cta>div>div{display:flex;align-items:center;justify-content:center;gap:28px}.hibr-about-cta>div>div>a:last-child{color:#d5ba79;border-bottom:1px solid #d5ba79;padding-bottom:5px} @media(max-width:780px){ .hibr-info-page .hibr-container{width:min(100% - 30px,1280px)}.hibr-info-hero{min-height:0;padding:112px 0 48px}.hibr-info-hero-grid{grid-template-columns:1fr;gap:36px;min-height:0}.hibr-info-hero h1{margin:16px 0 20px;font-size:clamp(3.35rem,16vw,5rem);line-height:.96}.hibr-info-hero-grid>div:first-child>p:last-child{font-size:.86rem;line-height:1.85}.hibr-info-tabs{display:flex;overflow:auto}.hibr-info-tabs a{flex:0 0 auto;min-width:125px;min-height:58px;padding:0 15px}.hibr-info-heading{display:block;margin-bottom:24px}.hibr-info-heading h2{margin:10px 0 14px;font-size:2.8rem}.hibr-info-heading span{font-size:.76rem}.hibr-size-figure{min-height:250px}.hibr-size-figure b{width:110px;height:135px}.hibr-size-section{padding:58px 0}.hibr-table-wrap{margin-inline:0}.hibr-table-wrap th,.hibr-table-wrap td{height:58px;padding:10px 14px}.hibr-measure-section{padding:60px 0}.hibr-measure-grid{grid-template-columns:1fr}.hibr-measure-grid article{min-height:180px}.hibr-measure-grid h3{margin-top:40px}.hibr-info-note{grid-template-columns:1fr;gap:9px;padding:20px}.hibr-track-status{padding:48px 22px}.hibr-track-grid,.hibr-contact-grid,.hibr-about-story-grid{grid-template-columns:1fr;gap:14px}.hibr-track-main,.hibr-contact-main{padding:55px 0}.hibr-track-form,.hibr-track-help,.hibr-contact-form-card,.hibr-contact-aside{padding:25px 20px}.hibr-track-form h2,.hibr-track-help h2,.hibr-contact-form-card h2,.hibr-contact-aside h2{font-size:2.45rem}.hibr-contact-stamp{width:220px;height:220px}.hibr-contact-stamp b{font-size:4.2rem}.hibr-form-row{grid-template-columns:1fr}.hibr-about-mark{min-height:230px;font-size:8rem}.hibr-about-story{padding:65px 0}.hibr-about-story-grid{gap:28px}.hibr-about-story-grid>div:last-child{padding-top:28px}.hibr-about-story-grid .hibr-about-lead{font-size:1.1rem}.hibr-about-values,.hibr-about-process{padding:60px 0}.hibr-values-grid{grid-template-columns:1fr}.hibr-values-grid article{min-height:245px}.hibr-values-grid h3{margin-top:85px}.hibr-about-process ol{grid-template-columns:repeat(2,1fr)}.hibr-about-process li{min-height:135px;gap:25px}.hibr-about-cta{padding:70px 0}.hibr-about-cta h2{font-size:3.2rem}.hibr-about-cta>div>div{align-items:stretch;flex-direction:column;gap:20px}.hibr-about-cta .hibr-btn{width:100%} } /* ========================================================= HIBR PRODUCT EXPERIENCE — EDITORIAL COMMERCE ========================================================= */ .single-product .main-content{max-width:1380px!important} .single-product div.product{grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr)!important;gap:clamp(34px,5vw,76px)!important} .single-product .woocommerce-product-gallery{min-height:680px!important;background:#0a0a09!important;border-color:rgba(214,176,90,.24)!important} .single-product .woocommerce-product-gallery__image img{max-height:760px!important} .single-product .summary{position:sticky;top:112px;padding:18px 0 0!important} .single-product .hibr-product-kicker{position:sticky;top:65px} .hibr-product-availability{display:flex;align-items:center;gap:9px;margin:-12px 0 20px;color:#b8b2a7;font-size:.68rem;font-weight:700} .hibr-product-availability i{width:8px;height:8px;border-radius:50%;background:#72d39b;box-shadow:0 0 15px rgba(114,211,155,.75)} .hibr-product-availability small{margin-inline-start:auto;color:#817b70;font-size:.57rem;font-weight:500} .hibr-product-availability.is-out i{background:#bf615d;box-shadow:0 0 15px rgba(191,97,93,.55)} .single-product form.cart{border-radius:24px!important;padding:25px!important;background:linear-gradient(145deg,rgba(27,25,19,.98),rgba(9,9,8,.98))!important;box-shadow:0 22px 60px rgba(0,0,0,.28)} .single-product form.cart .hibr-quantity-premium{display:inline-grid!important;grid-template-columns:42px 52px 42px!important;align-items:center;margin:0 8px 0 0!important;border:1px solid rgba(255,255,255,.12);border-radius:15px;overflow:hidden;background:#080807} .single-product form.cart .hibr-quantity-premium input{width:52px!important;min-height:52px!important;margin:0!important;border:0!important;border-inline:1px solid rgba(255,255,255,.09)!important;background:transparent!important;-moz-appearance:textfield;appearance:textfield} .single-product form.cart .hibr-quantity-premium input::-webkit-outer-spin-button,.single-product form.cart .hibr-quantity-premium input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0} .hibr-qty-control{width:42px;height:52px;padding:0;border:0;background:transparent;color:#e5c36f;font:500 20px/1 Arial;cursor:pointer;transition:.18s} .hibr-qty-control:hover{background:rgba(214,176,90,.09)} .single-product form.cart .single_add_to_cart_button{min-width:220px;border-radius:15px!important;background:linear-gradient(135deg,#e2c276,#b58b35)!important;box-shadow:0 10px 30px rgba(200,169,104,.16)} .hibr-purchase-note{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.08)} .hibr-purchase-note span{display:flex;align-items:center;justify-content:center;gap:6px;color:#918b80;font-size:.58rem;white-space:nowrap}.hibr-purchase-note i{color:#d5b45f;font-style:normal}.hibr-purchase-note b{font-weight:600} .single-product .flex-control-thumbs{display:grid!important;grid-template-columns:repeat(5,1fr);gap:9px;margin:12px 0 0!important;padding:0!important;list-style:none} .single-product .flex-control-thumbs li{width:auto!important;float:none!important;margin:0!important} .single-product .flex-control-thumbs img{width:100%!important;aspect-ratio:1/1;object-fit:cover;border:1px solid transparent;border-radius:12px;opacity:.55;cursor:pointer;transition:.2s} .single-product .flex-control-thumbs img.flex-active,.single-product .flex-control-thumbs img:hover{opacity:1;border-color:#d0ad57;transform:translateY(-2px)} .single-product .woocommerce-tabs{margin-top:76px!important;padding:30px!important;border:1px solid rgba(214,176,90,.18)!important;border-radius:24px;background:rgba(10,10,9,.76)} .single-product .woocommerce-tabs ul.tabs{gap:8px!important;overflow-x:auto;scrollbar-width:none}.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar{display:none} .single-product .woocommerce-tabs ul.tabs li a{display:block;padding:12px 16px!important;border:1px solid rgba(255,255,255,.09);border-radius:999px;white-space:nowrap} .single-product .woocommerce-tabs ul.tabs li.active a{border-color:#cbaa5a;background:rgba(203,170,90,.11);color:#ebca7b!important} .single-product .woocommerce-Tabs-panel{max-width:850px!important;margin:8px 0 0!important}.single-product .woocommerce-Tabs-panel h2{margin-top:0} @media(max-width:980px) and (min-width:781px){.single-product div.product{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)!important;gap:30px!important}.single-product .woocommerce-product-gallery{min-height:560px!important}.single-product form.cart .single_add_to_cart_button{min-width:170px}} @media(max-width:780px){ .single-product div.product{display:flex!important} .single-product .summary,.single-product .hibr-product-kicker{position:relative!important;top:auto!important} .single-product .woocommerce-product-gallery{min-height:0!important} .hibr-product-availability{margin:-4px 0 16px} .single-product form.cart{padding:18px!important;border-radius:20px!important} .single-product form.cart .hibr-quantity-premium{display:none!important} .single-product form.cart .single_add_to_cart_button{width:100%!important;min-width:0!important} .hibr-purchase-note{grid-template-columns:1fr;gap:9px}.hibr-purchase-note span{justify-content:flex-start;font-size:.64rem} .single-product .flex-control-thumbs{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}.single-product .flex-control-thumbs li{flex:0 0 70px!important;scroll-snap-align:start} .single-product .woocommerce-tabs{padding:18px!important;margin-top:42px!important;border-radius:20px}.single-product .woocommerce-tabs ul.tabs{gap:7px!important}.single-product .woocommerce-tabs ul.tabs li a{padding:10px 13px!important;font-size:.72rem!important} } *{box-sizing:border-box} html{scroll-behavior:smooth;background:var(--bg)} body{ margin:0;background:var(--bg);color:var(--fg); font-family:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif; -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility } body.admin-bar .hibr-header{top:32px} a{color:inherit;text-decoration:none} img,video{max-width:100%;display:block} button,input,select,textarea{font:inherit} ::selection{background:var(--gold);color:#090908} .hibr-container{width:min(calc(100% - 40px),var(--max));margin-inline:auto} .hibr-section{position:relative} .hibr-eyebrow{font-size:.72rem;letter-spacing:.32em;color:var(--gold);text-transform:uppercase} .hibr-btn{ display:inline-flex;align-items:center;justify-content:center;gap:.65rem; min-height:48px;padding:0 22px;border:1px solid var(--gold); border-radius:8px;background:var(--gold);color:#11110f;font-weight:700; transition:.25s ease } .hibr-btn:hover{transform:translateY(-2px);background:var(--gold2);border-color:var(--gold2)} .hibr-btn.alt{background:transparent;color:var(--fg);border-color:rgba(255,255,255,.22)} .hibr-btn.alt:hover{border-color:var(--gold);color:var(--gold)} /* Header */ .hibr-header{ position:relative;z-index:100;border-bottom:1px solid rgba(255,255,255,.08); background:rgba(7,7,6,.72);backdrop-filter:blur(14px) } .home .hibr-header{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(5,5,4,.65),rgba(5,5,4,.08))} .hibr-header-inner{min-height:80px;display:flex;align-items:center;gap:30px} .hibr-brand{display:flex;align-items:baseline;gap:8px;margin-inline-end:20px} .hibr-brand-ar{font-size:1.6rem;font-weight:800;letter-spacing:-.05em} .hibr-brand-en{font-size:.62rem;color:var(--gold);letter-spacing:.28em} .hibr-nav{display:flex;align-items:center;gap:28px;margin-inline:auto;direction:rtl} .hibr-nav a{font-size:.88rem;color:rgba(244,241,235,.68);position:relative;padding:8px 0} .hibr-nav a:hover{color:#fff} .hibr-nav a.featured{color:var(--gold)} .hibr-header-actions{display:flex;align-items:center;gap:12px} .hibr-cart{font-size:.8rem;color:rgba(255,255,255,.8)} .hibr-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px} /* Hero */ .home-hero{min-height:100svh;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate} .hero-media,.hero-overlay{position:absolute;inset:0} .hero-media video{width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(.75) contrast(1.05)} .hero-product{ position:absolute;left:-3vw;bottom:-8vh;width:min(58vw,830px);height:auto;z-index:3; filter:drop-shadow(0 40px 65px rgba(0,0,0,.55));pointer-events:none } .hero-overlay{ z-index:4;background: radial-gradient(circle at 25% 46%,rgba(200,169,104,.12),transparent 26%), linear-gradient(90deg,rgba(4,4,4,.08),rgba(4,4,4,.5) 55%,rgba(4,4,4,.9)); } .hero-inner{position:relative;z-index:10;min-height:100svh;display:flex;align-items:center;justify-content:flex-end} .hero-copy{width:min(52%,650px);direction:rtl;padding-top:72px} .hero-meta{display:flex;gap:16px;align-items:center;justify-content:flex-start;color:rgba(255,255,255,.42);font-size:.62rem;letter-spacing:.27em;direction:ltr} .hero-meta i{width:48px;height:1px;background:rgba(200,169,104,.7)} .hero-title{font-size:clamp(3.1rem,6vw,6.4rem);line-height:.98;letter-spacing:-.055em;margin:20px 0 0;font-weight:800} .hero-title span{color:rgba(255,255,255,.48)} .hero-desc{font-size:1rem;line-height:2;color:rgba(255,255,255,.62);margin:26px 0 0;max-width:480px} .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px} .hero-details{margin-top:38px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:16px;flex-wrap:wrap;font-size:.58rem;letter-spacing:.2em;color:rgba(255,255,255,.34);direction:ltr} .hero-location,.hero-est{position:absolute;bottom:28px;font-size:.58rem;letter-spacing:.24em;color:rgba(255,255,255,.35)} .hero-location{left:0}.hero-est{right:0} /* First drop */ .drop{padding:110px 0;border-bottom:1px solid var(--line)} .drop-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:50px;direction:rtl} .drop-kicker{font-size:.68rem;letter-spacing:.28em;color:var(--gold);direction:ltr} .drop-title{font-size:clamp(2.5rem,5vw,5rem);margin:12px 0 8px;letter-spacing:-.05em} .drop-title span{color:var(--gold)} .drop-support,.drop-side{color:rgba(255,255,255,.55);line-height:1.9} .drop-link{display:inline-flex;gap:12px;align-items:center;color:var(--gold);margin-top:18px} .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .hibr-card{position:relative;background:#0d0d0c;border:1px solid rgba(255,255,255,.08);overflow:hidden} .hibr-card-media{aspect-ratio:4/5;position:relative;overflow:hidden;background:#111} .hibr-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)} .hibr-card:hover img{transform:scale(1.035)} .hibr-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.75))} .hibr-card-top,.hibr-card-bottom{position:absolute;left:18px;right:18px;display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.16em;color:rgba(255,255,255,.55)} .hibr-card-top{top:18px}.hibr-card-bottom{bottom:18px} .hibr-card-info{padding:20px;direction:rtl} .hibr-card-type{font-size:.58rem;color:var(--gold);letter-spacing:.2em;direction:ltr;text-align:right} .hibr-card h3{font-size:1.2rem;margin:8px 0} .hibr-card p{color:rgba(255,255,255,.52);line-height:1.8;font-size:.9rem} .hibr-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;color:var(--gold);font-size:.82rem} /* ========================================================= HIBR STORY — STATEMENT + MANIFEST DESKTOP + MOBILE ========================================================= */ /* ========================================================= STATEMENT ========================================================= */ .statement{ position:relative; padding:clamp(110px,12vw,175px) 0; background: radial-gradient( ellipse at 80% 50%, rgba(199,160,79,.07), transparent 38% ), #050504; border-bottom:0; overflow:hidden; } .statement::before{ content:""; position:absolute; top:15%; right:-12%; width:38vw; height:38vw; max-width:520px; max-height:520px; border:1px solid rgba(212,174,98,.07); border-radius:50%; pointer-events:none; } .statement-grid{ position:relative; z-index:2; display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:clamp(50px,8vw,120px); direction:rtl; } .statement .hibr-eyebrow{ align-self:start; margin-top:12px; font-size:.58rem; letter-spacing:.32em; color:#d4ae62; direction:ltr; } .statement h2{ margin:0; font-size:clamp(3.6rem,6.6vw,7.6rem); line-height:.90; letter-spacing:-.065em; font-weight:800; } .statement h2 span{ display:inline-block; margin-top:6px; color:rgba(255,255,255,.26); } .statement p:not(.hibr-eyebrow){ max-width:570px; margin:30px 0 0; font-size:.98rem; line-height:2; color:rgba(255,255,255,.48); } /* ========================================================= MANIFEST ========================================================= */ .manifest{ position:relative; padding:clamp(125px,14vw,200px) 0; background: linear-gradient( 180deg, #050504 0%, #070706 100% ); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden; } .manifest::before{ content:"01"; position:absolute; left:clamp(22px,5vw,80px); top:50%; transform:translateY(-50%); font:700 clamp(10rem,25vw,27rem)/1 Arial,sans-serif; color:rgba(255,255,255,.018); pointer-events:none; } .manifest-big{ position:absolute; top:50%; left:50%; transform:translate(-50%,-52%); width:120%; font:900 clamp(6rem,15vw,16rem)/.78 Arial,sans-serif; letter-spacing:-.075em; text-align:center; white-space:nowrap; color:rgba(255,255,255,.035); pointer-events:none; } .manifest-copy{ position:relative; z-index:3; max-width:830px; margin:0 auto; text-align:center; direction:rtl; } .manifest-copy .hibr-eyebrow{ margin:0 0 28px; font-size:.60rem; letter-spacing:.34em; color:#d4ae62; direction:ltr; } .manifest-copy h2{ margin:0; font-size:clamp(3.4rem,6vw,6.7rem); line-height:.95; letter-spacing:-.055em; } .manifest-copy p{ max-width:660px; margin:32px auto 0; font-size:1rem; line-height:2; color:rgba(255,255,255,.47); } /* ========================================================= RESPONSIVE ========================================================= */ @media screen and (max-width:960px){ .statement-grid{ grid-template-columns:1fr; gap:34px; } .statement .hibr-eyebrow{ margin:0; } } @media screen and (max-width:760px){ .statement{ padding:90px 0 100px; } .statement::before{ right:-35%; width:85vw; height:85vw; } .statement-grid{ display:block; } .statement .hibr-eyebrow{ margin-bottom:24px; } .statement h2{ font-size:clamp(3rem,13vw,4.6rem); line-height:.94; } .statement p:not(.hibr-eyebrow){ margin-top:22px; font-size:.88rem; line-height:1.85; } .manifest{ padding:110px 0 120px; } .manifest::before{ left:-12%; font-size:65vw; } .manifest-big{ width:170%; font-size:26vw; white-space:nowrap; } .manifest-copy .hibr-eyebrow{ margin-bottom:20px; } .manifest-copy h2{ font-size:clamp(2.8rem,12vw,4.2rem); } .manifest-copy p{ margin-top:24px; font-size:.88rem; line-height:1.85; } } /* CTA */ /* ========================================================= HIBR FINAL CTA — PREMIUM CLOSING SCENE DESKTOP + MOBILE ========================================================= */ .home-cta{ position:relative; overflow:hidden; padding:clamp(90px,10vw,145px) 0; background: radial-gradient( ellipse at 50% 100%, rgba(208,168,84,.12), transparent 45% ), #050504; } /* GOLD ATMOSPHERE */ .home-cta::before{ content:""; position:absolute; left:50%; bottom:-48%; transform:translateX(-50%); width:min(1000px,90vw); height:min(600px,65vw); border-radius:50%; background: radial-gradient( ellipse, rgba(211,170,84,.16) 0%, rgba(211,170,84,.05) 38%, transparent 70% ); filter:blur(35px); pointer-events:none; } /* GIANT BACKGROUND WORD */ .home-cta::after{ content:"HIBR"; position:absolute; left:50%; top:50%; transform:translate(-50%,-51%); font:900 clamp(9rem,24vw,27rem)/.75 Arial,sans-serif; letter-spacing:-.09em; color:rgba(255,255,255,.025); white-space:nowrap; pointer-events:none; } /* MAIN BOX */ .cta-box{ position:relative; z-index:3; width:min(100%,1080px); margin-inline:auto; padding: clamp(65px,8vw,105px) clamp(24px,7vw,90px); text-align:center; direction:rtl; background: linear-gradient( 145deg, rgba(18,18,16,.92), rgba(8,8,7,.96) ); border:1px solid rgba(255,255,255,.10); border-radius:18px; box-shadow: 0 40px 100px rgba(0,0,0,.34); overflow:hidden; } /* TOP GOLD LINE */ .cta-box::before{ content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); width:38%; height:1px; background: linear-gradient( 90deg, transparent, #d4ae62, transparent ); box-shadow: 0 0 22px rgba(212,174,98,.38); } /* SMALL DECORATIVE LABEL */ .cta-box::after{ content:"HIBR / CREATE"; position:absolute; top:22px; left:25px; font-size:.46rem; letter-spacing:.28em; color:rgba(255,255,255,.25); direction:ltr; } /* EYEBROW */ .cta-box .hibr-eyebrow{ margin:0; font-size:.60rem; letter-spacing:.34em; color:#d4ae62; direction:ltr; } /* TITLE */ .cta-box h2{ max-width:780px; margin: 24px auto 0; font-size: clamp( 3.4rem, 6.2vw, 7rem ); line-height:.92; letter-spacing:-.06em; font-weight:800; } /* DESCRIPTION */ .cta-box p:not(.hibr-eyebrow){ max-width:600px; margin: 27px auto 0; font-size:.96rem; line-height:2; color:rgba(255,255,255,.48); } /* MAIN CTA BUTTON */ .cta-box .hibr-btn{ min-width:210px; min-height:54px; margin-top:32px; padding:0 30px; border-radius:7px; background:#d4ae62; border-color:#d4ae62; color:#11100d; font-size:.92rem; box-shadow: 0 12px 35px rgba(212,174,98,.12); } .cta-box .hibr-btn:hover{ transform:translateY(-3px); background:#e2c27e; border-color:#e2c27e; } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width:960px){ .home-cta{ padding:90px 0; } .cta-box{ border-radius:15px; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width:760px){ .home-cta{ padding:70px 0; } .home-cta::after{ font-size:45vw; } .cta-box{ padding: 65px 20px 55px; border-radius:12px; } .cta-box::after{ top:17px; left:16px; font-size:.38rem; } .cta-box .hibr-eyebrow{ font-size:.50rem; letter-spacing:.28em; } .cta-box h2{ margin-top:20px; font-size: clamp( 2.75rem, 12vw, 4.1rem ); line-height:.95; } .cta-box p:not(.hibr-eyebrow){ margin-top:21px; font-size:.86rem; line-height:1.85; } .cta-box .hibr-btn{ width:100%; min-width:0; min-height:50px; margin-top:27px; } } /* ========================================================= HIBR FOOTER — PREMIUM FINAL DESKTOP + MOBILE ========================================================= */ .hibr-footer{ position:relative; padding: clamp(80px,9vw,125px) 0 28px; background: radial-gradient( ellipse at 12% 5%, rgba(202,161,79,.07), transparent 33% ), #040403; border-top:1px solid rgba(255,255,255,.08); overflow:hidden; } /* faint HIBR mark */ .hibr-footer::before{ content:"HIBR"; position:absolute; left:-3%; bottom:4%; font:900 clamp(8rem,18vw,20rem)/.75 Arial,sans-serif; letter-spacing:-.09em; color:rgba(255,255,255,.018); pointer-events:none; } /* ========================================================= MAIN GRID ========================================================= */ .hibr-footer-main{ position:relative; z-index:2; display:grid; grid-template-columns:1.1fr 1.9fr; align-items:start; gap:clamp(55px,8vw,110px); direction:rtl; } /* ========================================================= BRAND ========================================================= */ .hibr-footer-brand{ max-width:390px; } .hibr-footer-kicker{ margin:0; font-size:.52rem; letter-spacing:.30em; color:#d4ae62; direction:ltr; text-align:right; } .hibr-footer-logo{ display:inline-flex; align-items:baseline; gap:11px; margin-top:20px; } .hibr-footer-logo span{ font-size:clamp(2.8rem,4.2vw,4.5rem); font-weight:800; line-height:1; letter-spacing:-.07em; } .hibr-footer-logo small{ font-size:.60rem; font-weight:600; letter-spacing:.32em; color:#d4ae62; } .hibr-footer-tagline{ margin:30px 0 0; font-size:clamp(1.35rem,2vw,1.9rem); font-weight:700; line-height:1.55; color:#f5f2ec; } .hibr-footer-description{ margin:19px 0 0; font-size:.88rem; line-height:1.9; color:rgba(255,255,255,.43); } /* ========================================================= NAVIGATION ========================================================= */ .hibr-footer-nav{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(26px,4vw,55px); } .hibr-footer-column{ display:flex; flex-direction:column; align-items:flex-start; gap:13px; } .hibr-footer-label{ margin:0 0 10px; font-size:.50rem; font-weight:600; letter-spacing:.28em; color:#d4ae62; direction:ltr; } .hibr-footer-link{ position:relative; font-size:.84rem; line-height:1.7; color:rgba(255,255,255,.55); transition: color .2s ease, transform .2s ease; } a.hibr-footer-link:hover{ color:#fff; transform:translateX(-3px); } .hibr-footer-column span.hibr-footer-link{ color:rgba(255,255,255,.35); } /* ========================================================= BOTTOM BAR ========================================================= */ .hibr-footer-bottom{ position:relative; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; margin-top:clamp(65px,8vw,105px); padding-top:24px; border-top:1px solid rgba(255,255,255,.08); direction:ltr; font-size:.48rem; letter-spacing:.20em; color:rgba(255,255,255,.28); } .hibr-footer-bottom span:nth-child(2){ text-align:center; } .hibr-footer-bottom span:last-child{ text-align:right; color:rgba(212,174,98,.55); } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width:960px){ .hibr-footer-main{ grid-template-columns:1fr; gap:60px; } .hibr-footer-brand{ max-width:520px; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width:760px){ .hibr-footer{ padding: 75px 0 24px; } .hibr-footer::before{ left:-20%; bottom:9%; font-size:42vw; } .hibr-footer-main{ display:block; } .hibr-footer-brand{ max-width:none; } .hibr-footer-logo{ margin-top:16px; } .hibr-footer-logo span{ font-size:3rem; } .hibr-footer-tagline{ margin-top:25px; font-size:1.45rem; } .hibr-footer-description{ font-size:.83rem; } .hibr-footer-nav{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:42px 25px; margin-top:55px; } .hibr-footer-column:last-child{ grid-column:1 / -1; } .hibr-footer-label{ margin-bottom:6px; } .hibr-footer-link{ font-size:.80rem; } .hibr-footer-bottom{ grid-template-columns:1fr; gap:10px; margin-top:60px; padding-top:20px; font-size:.42rem; } .hibr-footer-bottom span, .hibr-footer-bottom span:nth-child(2), .hibr-footer-bottom span:last-child{ text-align:left; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media screen and (max-width:420px){ .hibr-footer-nav{ grid-template-columns:1fr; gap:35px; } .hibr-footer-column:last-child{ grid-column:auto; } } /* Pages / WooCommerce */ .hibr-page-hero{padding:150px 0 75px;border-bottom:1px solid var(--line);direction:rtl} .hibr-page-hero h1{font-size:clamp(3rem,7vw,7rem);margin:12px 0} .hibr-page-hero p{color:rgba(255,255,255,.52);line-height:1.9;max-width:650px} .hibr-content{padding:70px 0;direction:rtl} .woocommerce .woocommerce-breadcrumb{color:rgba(255,255,255,.42);margin-bottom:35px} .woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px} .woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important} .woocommerce ul.products li.product{width:auto!important;margin:0!important;background:#0d0d0c;border:1px solid rgba(255,255,255,.08);padding-bottom:18px} .woocommerce ul.products li.product a img{margin:0!important;aspect-ratio:4/5;object-fit:cover;background:#111} .woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff;font-size:1.05rem;padding:16px 16px 6px!important} .woocommerce ul.products li.product .price{color:var(--gold)!important;padding:0 16px} .woocommerce ul.products li.product .button{margin:14px 16px 0!important;background:var(--gold)!important;color:#111!important;border-radius:6px} .woocommerce div.product{direction:rtl} .woocommerce div.product .product_title{font-size:clamp(2rem,4vw,4rem)} .woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold)!important} .woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce .button{background:var(--gold)!important;color:#111!important;border-radius:6px} .woocommerce-message,.woocommerce-info,.woocommerce-error{background:#121210;color:#fff;border-top-color:var(--gold)} .woocommerce-message::before,.woocommerce-info::before{color:var(--gold)} .woocommerce-cart table.cart img{width:80px} .woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce select{ background:#111;color:#fff;border:1px solid #2a2a26;padding:12px;border-radius:5px } /* Designer placeholder template */ .designer-page{padding:150px 0 100px;direction:rtl} .designer-stage{display:grid;grid-template-columns:1.3fr .8fr;gap:26px} .designer-preview{min-height:620px;background:#0d0d0c;border:1px solid rgba(255,255,255,.09);position:relative;display:grid;place-items:center;overflow:hidden} .designer-preview img.garment{max-height:560px;object-fit:contain} .designer-panel{background:#0d0d0c;border:1px solid rgba(255,255,255,.09);padding:28px} .designer-panel h1{font-size:2.4rem;margin-top:0} .designer-panel p{color:rgba(255,255,255,.55);line-height:1.9} .designer-upload{display:block;border:1px dashed rgba(200,169,104,.5);padding:22px;text-align:center;margin:24px 0;color:var(--gold)} #hibr-design-overlay{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);max-width:180px;max-height:220px;pointer-events:none} /* ========================================================= HIBR — CLEAN RESPONSIVE + CINEMATIC HERO FINAL DESKTOP / TABLET / MOBILE ========================================================= */ /* ========================================================= HEADER ========================================================= */ .hibr-header{ position:relative; z-index:1000; width:100%; border-bottom:1px solid rgba(255,255,255,.08); background:rgba(5,5,4,.88); backdrop-filter:blur(14px); } .home .hibr-header{ position:absolute; top:0; left:0; right:0; z-index:9999; background:rgba(4,4,4,.72); } body.admin-bar.home .hibr-header{ top:32px; } .hibr-header-inner{ min-height:80px; display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:nowrap; } .hibr-brand{ display:flex; align-items:baseline; gap:8px; flex:0 0 auto; margin:0; } .hibr-brand-ar{ font-size:1.6rem; font-weight:800; letter-spacing:-.05em; } .hibr-brand-en{ font-size:.62rem; color:var(--gold); letter-spacing:.28em; } .hibr-nav{ display:flex; align-items:center; justify-content:center; flex:1; gap:28px; margin:0; direction:rtl; } .hibr-nav a{ font-size:.88rem; color:rgba(244,241,235,.68); position:relative; padding:8px 0; } .hibr-nav a:hover{ color:#fff; } .hibr-nav a.featured{ color:var(--gold); } .hibr-header-actions{ display:flex; align-items:center; gap:12px; flex:0 0 auto; } .hibr-menu-toggle{ display:none; background:none; border:0; color:#fff; font-size:28px; cursor:pointer; } /* ========================================================= HIBR HERO — CINEMATIC FINAL ========================================================= */ .hibr-hero{ position:relative; width:100%; min-height:100svh; overflow:hidden; isolation:isolate; background:#030303; color:#f5f2ec; } /* ========================================================= CINEMATIC ART ========================================================= */ .hibr-hero-art{ position:absolute; inset:0; z-index:0; overflow:hidden; } .hibr-hero-art img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:center; max-width:none; } /* ========================================================= DARK RIGHT SIDE ========================================================= */ .hibr-hero-shade{ position:absolute; inset:0; z-index:1; background: linear-gradient( 90deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.02) 42%, rgba(0,0,0,.20) 52%, rgba(0,0,0,.72) 70%, rgba(0,0,0,.92) 100% ); pointer-events:none; } /* ========================================================= MAIN LAYOUT ========================================================= */ .hibr-hero-inner{ position:relative; z-index:5; min-height:100svh; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding-top:100px; padding-bottom:80px; direction:ltr; } /* ========================================================= COPY ========================================================= */ .hibr-hero-copy{ grid-column:2; width:min(100%,590px); justify-self:end; direction:rtl; text-align:right; transform:translateY(12px); } /* META */ .hibr-hero-meta{ display:flex; align-items:center; gap:15px; direction:ltr; font-size:.56rem; letter-spacing:.25em; color:rgba(255,255,255,.45); } .hibr-hero-meta i{ display:block; width:52px; height:1px; background:#d6ad5d; } /* EYEBROW */ .hibr-hero-eyebrow{ margin:20px 0 0; direction:ltr; text-align:right; font-size:.67rem; font-weight:600; letter-spacing:.31em; color:#ddb35f; } /* TITLE */ .hibr-hero-title{ margin:20px 0 0; font-size:clamp(3.8rem,5.2vw,6.6rem); line-height:.92; letter-spacing:-.06em; font-weight:800; } .hibr-hero-title span{ color:rgba(255,255,255,.45); } /* DESCRIPTION */ .hibr-hero-desc{ margin:27px 0 0; font-size:1rem; line-height:1.9; color:rgba(255,255,255,.62); } /* ========================================================= BUTTONS ========================================================= */ .hibr-hero-actions{ display:flex; gap:12px; margin-top:30px; } .hibr-hero-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 30px; border-radius:7px; font-size:.93rem; font-weight:700; transition: transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease; } .hibr-hero-btn:hover{ transform:translateY(-2px); } .hibr-hero-btn-primary{ background:#d9b462; border:1px solid #d9b462; color:#111; } .hibr-hero-btn-primary:hover{ background:#e4c47b; } .hibr-hero-btn-secondary{ background:rgba(0,0,0,.26); border:1px solid rgba(255,255,255,.34); color:#fff; } .hibr-hero-btn-secondary:hover{ border-color:#d9b462; color:#d9b462; } /* ========================================================= DETAILS ========================================================= */ .hibr-hero-details{ display:flex; align-items:center; gap:29px; margin-top:38px; padding-top:20px; border-top:1px solid rgba(255,255,255,.17); direction:ltr; font-size:.52rem; letter-spacing:.21em; color:rgba(255,255,255,.38); } /* ========================================================= CORNER DETAILS ========================================================= */ .hibr-hero-location, .hibr-hero-est{ position:absolute; z-index:6; bottom:28px; font-size:.54rem; letter-spacing:.25em; color:rgba(255,255,255,.55); } .hibr-hero-location{ left:clamp(32px,4vw,70px); } .hibr-hero-est{ right:clamp(32px,4vw,70px); } /* ========================================================= SMALL DESKTOP / ZOOM ========================================================= */ @media screen and (max-width:1200px){ .hibr-hero-copy{ width:min(100%,510px); } .hibr-hero-title{ font-size:clamp(3.3rem,5.4vw,5.3rem); } } /* ========================================================= TABLET / HIGH ZOOM ========================================================= */ @media screen and (max-width:960px){ .hibr-hero{ min-height:auto; } .hibr-hero-inner{ min-height:auto; display:flex; align-items:flex-end; padding-top:62svh; padding-bottom:65px; } .hibr-hero-art img{ object-position:31% center; } .hibr-hero-shade{ background: linear-gradient( 180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.08) 42%, rgba(0,0,0,.82) 68%, #030303 100% ); } .hibr-hero-copy{ width:100%; max-width:650px; margin-inline-start:auto; transform:none; } .hibr-hero-title{ font-size:clamp(3rem,8vw,4.6rem); } } /* ========================================================= MOBILE HERO — CLEAN VERSION ========================================================= */ @media screen and (max-width:760px){ .hibr-hero{ min-height:100svh; overflow:hidden; } .hibr-hero-art{ height:50svh; } .hibr-hero-art img{ width:100%; height:100%; object-fit:cover; object-position:28% center; transform:none; } .hibr-hero-shade{ background: linear-gradient( 180deg, rgba(0,0,0,.01) 0%, rgba(0,0,0,.04) 35%, rgba(0,0,0,.55) 53%, #030303 68%, #030303 100% ); } .hibr-hero-inner{ min-height:100svh; display:flex; align-items:flex-end; padding-top:46svh; padding-bottom:28px; } .hibr-hero-copy{ width:100%; max-width:none; } .hibr-hero-meta{ font-size:.40rem; gap:8px; } .hibr-hero-meta i{ width:28px; } .hibr-hero-eyebrow{ margin-top:11px; font-size:.48rem; letter-spacing:.22em; } .hibr-hero-title{ margin-top:9px; font-size:clamp(2.15rem,9.5vw,3rem); line-height:1.02; letter-spacing:-.035em; } .hibr-hero-title span{ display:block; margin-top:2px; } .hibr-hero-desc{ margin-top:13px; font-size:.78rem; line-height:1.7; } .hibr-hero-actions{ display:grid; grid-template-columns:1fr; gap:9px; margin-top:17px; } .hibr-hero-btn{ width:100%; min-height:50px; } .hibr-hero-details{ display:none; } .hibr-hero-location, .hibr-hero-est{ display:none; } } /* ========================================================= GOLD LIGHT ========================================================= */ .hibr-cinema-lightbar{ position:absolute; left:clamp(20px,3.2vw,56px); top:13%; bottom:9%; width:3px; z-index:5; background: linear-gradient( 180deg, transparent, rgba(239,195,103,.95) 13%, rgba(209,163,77,.65) 65%, transparent ); box-shadow: 0 0 15px rgba(226,180,91,.70), 0 0 45px rgba(226,180,91,.32), 0 0 90px rgba(226,180,91,.14); } /* ========================================================= HERO GRID ========================================================= */ .hibr-cinema-inner{ position:relative; z-index:10; min-height:100svh; display:grid; grid-template-columns: minmax(0,1.16fr) minmax(380px,.84fr); align-items:center; gap:clamp(20px,3vw,55px); padding-top:clamp(105px,9vh,135px); padding-bottom:clamp(50px,6vh,80px); direction:ltr; } /* ========================================================= ART AREA ========================================================= */ .hibr-cinema-art{ position:relative; width:100%; height:clamp( 520px, 72svh, 780px ); z-index:3; min-width:0; } /* GOLD HAZE */ .hibr-cinema-art::before{ content:""; position:absolute; left:-12%; top:5%; width:88%; height:90%; background: radial-gradient( ellipse at 28% 50%, rgba(219,177,94,.19), rgba(219,177,94,.07) 38%, transparent 72% ); filter:blur(26px); pointer-events:none; } /* FLOOR GLOW */ .hibr-cinema-art::after{ content:""; position:absolute; left:0; right:3%; bottom:-5%; height:32%; background: radial-gradient( ellipse, rgba(214,173,88,.14), rgba(214,173,88,.04) 44%, transparent 72% ); filter:blur(34px); pointer-events:none; } /* ========================================================= GHOST HOODIE ========================================================= */ .hibr-cinema-ghost{ position:absolute; left:-16%; bottom:5%; width:min(112%,850px); max-width:none; opacity:.18; transform: translate(-2%,-5%) scale(1.06); filter: sepia(.20) brightness(.94) contrast(1.05) blur(.6px) drop-shadow( -15px 0 36px rgba(220,178,92,.28) ); mix-blend-mode:screen; z-index:5; pointer-events:none; } /* ========================================================= MAIN HOODIE ========================================================= */ .hibr-cinema-main{ position:absolute; left:2%; bottom:-2%; width:min(94%,750px); max-width:none; z-index:12; filter: brightness(1.15) contrast(1.10) drop-shadow( 0 38px 65px rgba(0,0,0,.84) ) drop-shadow( -9px 0 22px rgba(220,178,92,.32) ); pointer-events:none; } /* ========================================================= CHEST MARK ========================================================= */ .hibr-cinema-mark{ position:absolute; left:53%; top:46%; transform:translate(-50%,-50%); z-index:14; font-size:clamp(.9rem,1.2vw,1.25rem); font-weight:800; color:rgba(209,171,95,.88); text-shadow: 0 0 12px rgba(209,171,95,.18); } /* ========================================================= REAL SMOKE ========================================================= */ .hibr-smoke{ display:none !important; } .hibr-real-smoke{ position:absolute; z-index:8; max-width:none; pointer-events:none; mix-blend-mode:screen; } /* LOWER SMOKE */ .hibr-real-smoke-left{ left:-12%; bottom:-10%; width:112%; opacity:.54; transform:rotate(-2deg); filter: brightness(.82) saturate(.76) contrast(1.05); } /* SHOULDER SMOKE */ .hibr-real-smoke-bottom{ left:-3%; bottom:18%; width:77%; opacity:.22; transform: scaleX(-1) rotate(-15deg); filter: brightness(.72) saturate(.68); } /* ========================================================= HERO COPY ========================================================= */ .hibr-cinema-copy{ position:relative; width:100%; max-width:590px; min-width:0; justify-self:end; direction:rtl; text-align:right; } /* META */ .hibr-cinema-meta{ display:flex; align-items:center; gap:14px; direction:ltr; font-size:.56rem; letter-spacing:.24em; color:rgba(255,255,255,.40); } .hibr-cinema-meta i{ display:block; width:46px; height:1px; flex:0 0 46px; background:rgba(211,172,91,.75); } /* EYEBROW */ .hibr-cinema-eyebrow{ margin:19px 0 0; font-size:.65rem; font-weight:600; letter-spacing:.29em; color:#d6af66; direction:ltr; text-align:right; } /* TITLE */ .hibr-cinema-title{ margin:17px 0 0; font-size: clamp( 3.25rem, 4.7vw, 5.9rem ); line-height:.96; letter-spacing:-.055em; font-weight:800; } .hibr-cinema-title span{ color:rgba(255,255,255,.44); } /* DESCRIPTION */ .hibr-cinema-desc{ max-width:500px; margin:24px 0 0 auto; font-size:clamp(.88rem,1vw,.98rem); line-height:1.95; color:rgba(255,255,255,.57); } /* ========================================================= HERO ACTIONS ========================================================= */ .hibr-cinema-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; } .hibr-cinema-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 25px; border-radius:7px; font-size:.88rem; font-weight:700; white-space:nowrap; transition: transform .22s ease, background .22s ease, border-color .22s ease, color .22s ease; } .hibr-cinema-btn:hover{ transform:translateY(-2px); } .hibr-cinema-btn-primary{ background:#d4ae62; border:1px solid #d4ae62; color:#11100d; } .hibr-cinema-btn-primary:hover{ background:#e1bf79; border-color:#e1bf79; } .hibr-cinema-btn-secondary{ background:rgba(5,5,5,.42); border:1px solid rgba(255,255,255,.25); color:#fff; } .hibr-cinema-btn-secondary:hover{ border-color:#d4ae62; color:#d4ae62; } /* ========================================================= DETAILS ========================================================= */ .hibr-cinema-details{ display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:34px; padding-top:16px; border-top:1px solid rgba(255,255,255,.10); direction:ltr; font-size:.49rem; letter-spacing:.19em; color:rgba(255,255,255,.31); } .hibr-cinema-location, .hibr-cinema-est{ position:absolute; bottom:18px; z-index:30; font-size:.50rem; letter-spacing:.22em; color:rgba(255,255,255,.34); } .hibr-cinema-location{ left:clamp(40px,6vw,100px); } .hibr-cinema-est{ right:clamp(40px,6vw,100px); } /* ========================================================= SMALL DESKTOP / ZOOM 125%+ ========================================================= */ @media screen and (max-width:1180px){ .hibr-cinema-inner{ grid-template-columns: minmax(0,1.05fr) minmax(350px,.95fr); gap:15px; } .hibr-cinema-art{ height:clamp( 480px, 68svh, 680px ); } .hibr-cinema-main{ width:96%; } .hibr-cinema-ghost{ width:112%; } .hibr-cinema-title{ font-size: clamp( 3rem, 4.8vw, 5rem ); } } /* ========================================================= TABLET / HIGH ZOOM ========================================================= */ @media screen and (max-width:960px){ .hibr-cinema-hero{ min-height:auto; } .hibr-cinema-inner{ min-height:auto; display:flex; flex-direction:column; padding-top:88px; padding-bottom:48px; gap:0; } .hibr-cinema-art{ order:1; width:100%; height:clamp( 360px, 48svh, 480px ); margin:0; transform:none; } .hibr-cinema-main{ left:14%; bottom:0; width:min(72%,580px); } .hibr-cinema-ghost{ left:4%; bottom:5%; width:min(78%,620px); opacity:.12; } .hibr-cinema-mark{ left:51%; top:47%; } .hibr-cinema-copy{ order:2; max-width:none; padding-top:12px; transform:none; } .hibr-cinema-title{ font-size: clamp( 2.8rem, 8vw, 4.3rem ); } .hibr-cinema-details{ display:none; } .hibr-cinema-location, .hibr-cinema-est{ display:none; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width:760px){ .hibr-cinema-hero{ padding-top:72px; } .hibr-cinema-bg{ background: radial-gradient( ellipse at 5% 28%, rgba(207,166,84,.18), rgba(120,90,40,.07) 30%, transparent 55% ), #050504; } .hibr-cinema-inner{ padding-top:0; padding-bottom:38px; } /* ART */ .hibr-cinema-art{ height:clamp( 290px, 40svh, 380px ); min-height:0; max-height:none; margin:4px 0 0; } .hibr-cinema-main{ left:9%; bottom:0; width:82%; } .hibr-cinema-ghost{ left:-2%; bottom:6%; width:90%; opacity:.11; transform: translate(-1%,-2%) scale(1.03); } .hibr-cinema-mark{ left:51%; top:47%; font-size:.78rem; } /* SMOKE */ .hibr-real-smoke-left{ left:-31%; bottom:-11%; width:128%; opacity:.27; } .hibr-real-smoke-bottom{ left:-7%; bottom:10%; width:92%; opacity:.11; } /* LIGHT */ .hibr-cinema-lightbar{ left:13px; top:12%; bottom:57%; width:2px; opacity:.52; } /* COPY */ .hibr-cinema-copy{ padding-top:5px; } .hibr-cinema-meta{ gap:9px; font-size:.42rem; } .hibr-cinema-meta i{ width:32px; flex-basis:32px; } .hibr-cinema-eyebrow{ margin-top:11px; font-size:.51rem; letter-spacing:.25em; } .hibr-cinema-title{ margin-top:9px; font-size: clamp( 2.3rem, 10.3vw, 3.2rem ); line-height:.98; } .hibr-cinema-desc{ margin-top:13px; font-size:.80rem; line-height:1.75; } /* BUTTONS */ .hibr-cinema-actions{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:17px; } .hibr-cinema-btn{ width:100%; min-height:47px; font-size:.84rem; } } /* ========================================================= VERY SMALL MOBILE ========================================================= */ @media screen and (max-width:420px){ .hibr-cinema-art{ height:clamp( 270px, 38svh, 330px ); } .hibr-cinema-main{ left:8%; width:84%; } .hibr-cinema-ghost{ left:-4%; width:94%; } .hibr-cinema-title{ font-size: clamp( 2.2rem, 10.6vw, 2.85rem ); } } /* ========================================================= HIBR FEATURE STRIP — PREMIUM Desktop + Tablet + Mobile ========================================================= */ .hibr-feature-strip{ position:relative; background: linear-gradient( 180deg, #080807 0%, #060605 100% ); border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden; } /* subtle gold atmosphere */ .hibr-feature-strip::before{ content:""; position:absolute; left:50%; top:-100px; transform:translateX(-50%); width:70%; height:180px; background: radial-gradient( ellipse, rgba(210,169,84,.08), transparent 70% ); filter:blur(30px); pointer-events:none; } /* GRID */ .hibr-feature-grid{ position:relative; z-index:2; min-height:104px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); direction:rtl; } /* ITEM */ .hibr-feature{ position:relative; display:flex; align-items:center; justify-content:center; gap:14px; padding:22px 24px; border-left:1px solid rgba(255,255,255,.07); } .hibr-feature:last-child{ border-left:0; } /* ICON */ .hibr-feature-icon{ display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; font-size:1.05rem; color:#d4ae62; border:1px solid rgba(212,174,98,.22); border-radius:50%; background: rgba(212,174,98,.035); box-shadow: inset 0 0 20px rgba(212,174,98,.03); } /* TEXT */ .hibr-feature strong{ display:block; font-size:.84rem; font-weight:600; line-height:1.4; color:rgba(255,255,255,.88); } .hibr-feature small{ display:block; margin-top:5px; font-size:.42rem; letter-spacing:.17em; line-height:1.4; color:rgba(255,255,255,.32); direction:ltr; } /* subtle hover */ .hibr-feature{ transition: background .25s ease; } .hibr-feature:hover{ background: rgba(255,255,255,.018); } .hibr-feature:hover .hibr-feature-icon{ border-color:rgba(212,174,98,.40); color:#e0bf7d; } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width:960px){ .hibr-feature-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .hibr-feature{ min-height:90px; border-bottom:1px solid rgba(255,255,255,.06); } .hibr-feature:nth-child(2n){ border-left:0; } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width:760px){ .hibr-feature-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); min-height:auto; } .hibr-feature{ min-height:82px; justify-content:flex-start; gap:10px; padding:14px 10px; } .hibr-feature-icon{ width:30px; height:30px; flex-basis:30px; font-size:.85rem; } .hibr-feature strong{ font-size:.72rem; } .hibr-feature small{ margin-top:4px; font-size:.34rem; letter-spacing:.13em; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media screen and (max-width:390px){ .hibr-feature-grid{ grid-template-columns:1fr 1fr; } .hibr-feature{ padding-inline:8px; } .hibr-feature-icon{ display:none; } .hibr-feature strong{ font-size:.70rem; } } /* ========================================================= OTHER SITE RESPONSIVE ========================================================= */ @media(max-width:960px){ .product-grid, .woocommerce ul.products{ grid-template-columns:repeat(2,1fr)!important; } .statement-grid, .hibr-footer-main, .designer-stage{ grid-template-columns:1fr; } } /* ========================================================= MOBILE — ONE FINAL SYSTEM ONLY ========================================================= */ @media screen and (max-width:760px){ body.admin-bar.home .hibr-header{ top:46px; } .hibr-container{ width:min(calc(100% - 28px),var(--max)); } /* HEADER */ .hibr-header-inner{ min-height:74px; } .hibr-nav, .hibr-header-actions{ display:none; } .hibr-menu-toggle{ display:block; margin-inline-start:auto; } /* HERO */ .hibr-cinema-hero{ min-height:auto; padding-top:74px; } .hibr-cinema-bg{ background: radial-gradient( ellipse at 8% 25%, rgba(207,166,84,.18), rgba(120,90,40,.07) 30%, transparent 54% ), #050504; } .hibr-cinema-inner{ min-height:auto; display:flex; flex-direction:column; gap:0; padding-top:0; padding-bottom:38px; } /* MOBILE PRODUCT ART */ .hibr-cinema-art{ order:1; width:100%; height:42svh; min-height:320px; max-height:410px; margin:4px 0 0; transform:none; } .hibr-cinema-main{ left:7%; bottom:0; width:86%; max-width:none; } .hibr-cinema-ghost{ left:-8%; bottom:7%; width:96%; opacity:.12; transform: translate(-1%,-2%) scale(1.04); } .hibr-cinema-mark{ left:52%; top:47%; font-size:.85rem; } /* MOBILE REAL SMOKE */ .hibr-real-smoke-left{ left:-33%; bottom:-12%; width:132%; opacity:.30; transform:rotate(-4deg); } .hibr-real-smoke-bottom{ left:-10%; bottom:10%; width:98%; opacity:.13; transform: scaleX(-1) rotate(-12deg); } /* MOBILE GOLD LINE */ .hibr-cinema-lightbar{ left:13px; top:12%; bottom:56%; width:2px; opacity:.55; } /* MOBILE COPY */ .hibr-cinema-copy{ order:2; width:100%; max-width:none; margin:0; padding-top:4px; transform:none; text-align:right; } .hibr-cinema-meta{ margin-top:0; gap:10px; font-size:.44rem; } .hibr-cinema-meta i{ width:36px; } .hibr-cinema-eyebrow{ margin-top:11px; font-size:.53rem; } .hibr-cinema-title{ margin-top:9px; font-size:clamp(2.35rem,10.5vw,3.15rem); line-height:.98; } .hibr-cinema-desc{ margin-top:13px; font-size:.82rem; line-height:1.7; } /* MOBILE BUTTONS */ .hibr-cinema-actions{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:17px; } .hibr-cinema-btn{ width:100%; min-height:46px; font-size:.86rem; } /* MOBILE HERO DETAILS */ .hibr-cinema-details, .hibr-cinema-location, .hibr-cinema-est{ display:none; } /* FEATURE STRIP */ .hibr-feature-grid{ grid-template-columns:repeat(2,1fr); } .hibr-feature{ min-height:86px; padding:15px 10px; justify-content:flex-start; border-bottom:1px solid rgba(255,255,255,.07); } .hibr-feature:nth-child(2n){ border-left:0; } .hibr-feature-icon{ width:32px; height:32px; flex-basis:32px; font-size:1.1rem; } .hibr-feature strong{ font-size:.75rem; } .hibr-feature small{ font-size:.38rem; } /* REST OF SITE */ .drop{ padding:80px 0; } .drop-head{ display:block; } .drop-side{ margin-top:24px; } .product-grid, .woocommerce ul.products{ grid-template-columns:1fr!important; } .statement{ padding:95px 0; } .statement-grid{ gap:30px; } .hibr-footer{ padding-top:60px; } .hibr-footer-nav{ grid-template-columns:1fr 1fr; } .hibr-footer-bottom{ flex-direction:column; } .designer-preview{ min-height:480px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media screen and (max-width:420px){ .hibr-cinema-art{ height:39svh; min-height:295px; max-height:350px; } .hibr-cinema-main{ left:8%; width:84%; } .hibr-cinema-ghost{ left:-6%; width:94%; } .hibr-cinema-title{ font-size:clamp(2.2rem,10.8vw,2.9rem); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } .hibr-cinema-btn, .hibr-card-media img{ transition:none; } } /* ========================================================= MOBILE NAVIGATION ========================================================= */ @media screen and (max-width:760px){ .hibr-header{ overflow:visible; } .hibr-header-inner{ position:relative; } .hibr-nav{ display:none; position:absolute; top:calc(100% + 1px); left:0; right:0; width:100%; padding:16px; background:rgba(7,7,6,.98); border:1px solid rgba(255,255,255,.09); box-shadow:0 24px 60px rgba(0,0,0,.45); backdrop-filter:blur(18px); flex-direction:column; align-items:stretch; gap:3px; z-index:9999; } .hibr-nav.is-open{ display:flex; } .hibr-nav a{ display:block; width:100%; padding:13px 12px; border-bottom:1px solid rgba(255,255,255,.06); font-size:.9rem; } .hibr-nav a:last-child{ border-bottom:0; } .hibr-menu-toggle{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; margin-inline-start:auto; color:#fff; cursor:pointer; } body.hibr-menu-open{ overflow:hidden; } } /* ========================================================= HIBR HEADER — PREMIUM FINAL DESKTOP + MOBILE ========================================================= */ .home .hibr-header{ position:absolute; top:0; left:0; right:0; width:100%; z-index:9999; background: linear-gradient( 180deg, rgba(3,3,3,.92) 0%, rgba(3,3,3,.58) 58%, rgba(3,3,3,0) 100% ); border-bottom:0; backdrop-filter:none; } body.admin-bar.home .hibr-header{ top:32px; } .hibr-header-inner{ min-height:88px; display:flex; align-items:center; gap:34px; } /* BRAND */ .hibr-brand{ display:flex; align-items:baseline; gap:10px; flex:0 0 auto; margin:0; } .hibr-brand-ar{ font-size:2rem; font-weight:800; line-height:1; letter-spacing:-.07em; color:#f5f2ec; } .hibr-brand-en{ font-size:.62rem; font-weight:600; letter-spacing:.34em; color:#d6af66; } /* DESKTOP NAV */ .hibr-nav{ display:flex; flex:1; align-items:center; justify-content:center; gap:32px; margin:0; direction:rtl; } .hibr-nav a{ position:relative; padding:12px 0; font-size:.82rem; color:rgba(255,255,255,.62); transition: color .22s ease, opacity .22s ease; } .hibr-nav a:hover, .hibr-nav a[aria-current="page"]{ color:#fff; } .hibr-nav a::after{ content:""; position:absolute; left:50%; bottom:4px; width:0; height:1px; background:#d6af66; transform:translateX(-50%); transition:width .22s ease; } .hibr-nav a:hover::after, .hibr-nav a[aria-current="page"]::after{ width:100%; } .hibr-nav a.featured{ color:#d6af66; } /* ACTIONS */ .hibr-header-actions{ display:flex; align-items:center; gap:12px; flex:0 0 auto; } .hibr-cart{ font-size:.72rem; color:rgba(255,255,255,.72); white-space:nowrap; } .hibr-header-actions .hibr-btn{ min-height:40px; padding:0 18px; border-radius:5px; font-size:.78rem; } /* ========================================================= MOBILE HEADER ========================================================= */ @media screen and (max-width:760px){ body.admin-bar.home .hibr-header{ top:46px; } .home .hibr-header{ background:rgba(4,4,4,.92); border-bottom:1px solid rgba(255,255,255,.07); backdrop-filter:blur(16px); } .hibr-header-inner{ min-height:72px; gap:12px; } .hibr-brand-ar{ font-size:1.7rem; } .hibr-brand-en{ font-size:.52rem; letter-spacing:.28em; } .hibr-header-actions{ display:none; } .hibr-menu-toggle{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; margin-inline-start:auto; padding:0; font-size:26px; } } /* ========================================================= FIRST DROP — PREMIUM COLLECTION DESKTOP + MOBILE ========================================================= */ .drop{ position:relative; padding:120px 0 130px; background: radial-gradient( ellipse at 85% 5%, rgba(201,161,78,.08), transparent 34% ), #070706; border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden; } /* HEADER */ .drop-head{ display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:70px; margin-bottom:62px; direction:rtl; } .drop-kicker{ margin:0 0 16px; font-size:.62rem; letter-spacing:.30em; color:#d4ae62; direction:ltr; } .drop-title{ margin:0; font-size:clamp(3.4rem,5.3vw,6.3rem); line-height:.95; letter-spacing:-.055em; font-weight:800; } .drop-title span{ color:#d4ae62; } .drop-support{ margin-top:20px; font-size:.95rem; line-height:1.9; color:rgba(255,255,255,.48); } .drop-side{ max-width:390px; justify-self:start; font-size:.94rem; line-height:2; color:rgba(255,255,255,.52); } .drop-link{ display:inline-flex; align-items:center; margin-top:18px; color:#d4ae62; font-size:.86rem; transition:.2s ease; } .drop-link:hover{ transform:translateX(-4px); color:#e5c982; } /* PRODUCT GRID */ .product-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } /* CARD */ .hibr-card{ position:relative; overflow:hidden; background:#0b0b0a; border:1px solid rgba(255,255,255,.09); border-radius:14px; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; } .hibr-card:hover{ transform:translateY(-7px); border-color:rgba(212,174,98,.38); box-shadow: 0 30px 70px rgba(0,0,0,.32); } /* ========================================================= PRODUCT IMAGE — PREMIUM STUDIO ========================================================= */ .hibr-card-media{ position:relative; aspect-ratio:4 / 5; overflow:hidden; isolation:isolate; background: radial-gradient( circle at 50% 40%, rgba(215,174,91,.16) 0%, rgba(215,174,91,.055) 25%, transparent 48% ), linear-gradient( 160deg, #171715 0%, #0d0d0c 52%, #070706 100% ); outline:1px solid rgba(255,255,255,.035); outline-offset:-9px; } /* GLOW */ .hibr-card-media::before{ content:""; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); width:72%; height:72%; border-radius:50%; background: radial-gradient( circle, rgba(211,170,87,.12), rgba(211,170,87,.035) 42%, transparent 70% ); filter:blur(22px); z-index:0; pointer-events:none; } /* FLOOR SHADOW */ .hibr-card-media::after{ content:""; position:absolute; left:50%; bottom:5%; transform:translateX(-50%); width:64%; height:11%; border-radius:50%; background: radial-gradient( ellipse, rgba(0,0,0,.70), transparent 72% ); filter:blur(9px); z-index:1; pointer-events:none; } /* PRODUCT */ .hibr-card-media img{ position:relative; z-index:2; width:100%; height:100%; padding:clamp(22px,3vw,42px); object-fit:contain; object-position:center; transform: scale(.94) translateY(2%); filter: brightness(1.03) contrast(1.05) drop-shadow( 0 28px 26px rgba(0,0,0,.52) ); transition: transform .65s cubic-bezier(.2,.75,.2,1), filter .65s ease; } /* HOVER */ .hibr-card:hover .hibr-card-media img{ transform: scale(1.015) translateY(-1%); filter: brightness(1.08) contrast(1.06) drop-shadow( 0 35px 32px rgba(0,0,0,.62) ); } /* SHADE */ .hibr-card-shade{ position:absolute; inset:0; z-index:3; background: linear-gradient( 180deg, rgba(0,0,0,.04) 0%, transparent 45%, rgba(0,0,0,.16) 72%, rgba(0,0,0,.52) 100% ); pointer-events:none; } /* LABELS */ .hibr-card-top, .hibr-card-bottom{ position:absolute; left:17px; right:17px; z-index:5; display:flex; align-items:center; justify-content:space-between; gap:10px; direction:ltr; font-size:.45rem; font-weight:500; letter-spacing:.18em; color:rgba(255,255,255,.38); pointer-events:none; } .hibr-card-top{ top:17px; } .hibr-card-bottom{ bottom:16px; } .hibr-card-top span:first-child{ color:rgba(212,174,98,.70); } /* MOBILE */ @media screen and (max-width:760px){ .hibr-card-media{ aspect-ratio:1 / 1.08; } .hibr-card-media img{ padding:24px; transform: scale(.95) translateY(1%); } .hibr-card:hover .hibr-card-media img{ transform: scale(.99) translateY(0); } .hibr-card-top, .hibr-card-bottom{ left:14px; right:14px; font-size:.40rem; } .hibr-card-top{ top:14px; } .hibr-card-bottom{ bottom:14px; } } /* CARD COPY */ .hibr-card-info{ padding:22px 22px 24px; direction:rtl; } .hibr-card-type{ margin:0; font-size:.50rem; letter-spacing:.20em; color:#d4ae62; direction:ltr; text-align:right; } .hibr-card h3{ margin:9px 0 10px; font-size:1.25rem; line-height:1.4; } .hibr-card-info > p:not(.hibr-card-type){ min-height:48px; margin:0; font-size:.84rem; line-height:1.8; color:rgba(255,255,255,.48); } .hibr-card-meta{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding-top:16px; border-top:1px solid rgba(255,255,255,.08); font-size:.79rem; color:#d4ae62; } /* ========================================================= FIRST DROP — TABLET ========================================================= */ @media screen and (max-width:960px){ .drop{ padding:95px 0 105px; } .drop-head{ grid-template-columns:1fr; gap:28px; margin-bottom:45px; } .drop-side{ justify-self:auto; } .product-grid{ grid-template-columns:repeat(2,1fr); } } /* ========================================================= FIRST DROP — MOBILE ========================================================= */ @media screen and (max-width:760px){ .drop{ padding:78px 0 85px; } .drop-head{ display:block; margin-bottom:34px; } .drop-title{ font-size:clamp(2.75rem,12vw,4rem); line-height:.98; } .drop-support{ margin-top:15px; } .drop-side{ margin-top:25px; font-size:.86rem; } .product-grid{ grid-template-columns:1fr; gap:16px; } .hibr-card{ border-radius:12px; } .hibr-card-media{ aspect-ratio:1 / 1.05; } .hibr-card-media img{ padding:22px; } .hibr-card-info{ padding:18px; } .hibr-card h3{ font-size:1.15rem; } } /* ========================================================= HIBR — FLUID LAYOUT / ZOOM SAFE ========================================================= */ html, body{ width:100%; max-width:100%; overflow-x:hidden; } *, *::before, *::after{ box-sizing:border-box; } /* أي عنصر جوه Grid/Flex مسموح له يصغر */ .hibr-header-inner, .hibr-cinema-inner, .drop-head, .product-grid, .statement-grid, .hibr-footer-main, .hibr-footer-nav, .designer-stage{ min-width:0; } /* CONTAINER يتغير أوتوماتيك مع عرض الشاشة والزوم */ .hibr-container{ width:min( calc(100% - clamp(28px,4vw,64px)), 1240px ); margin-inline:auto; } /* الصور مستحيل تخرج برا الشاشة */ img, video, svg, canvas{ max-width:100%; height:auto; } /* النصوص الكبيرة متكسرش العرض */ h1, h2, h3, p, a, span{ overflow-wrap:break-word; } /* ========================================================= DESKTOP → SMALL DESKTOP / ZOOM ========================================================= */ @media screen and (max-width:1200px){ .hibr-cinema-inner{ grid-template-columns:1.1fr .9fr; gap:24px; } .hibr-cinema-copy{ max-width:520px; } .hibr-cinema-title{ font-size:clamp(3rem,5vw,5rem); } .hibr-nav{ gap:20px; } .hibr-nav a{ font-size:.76rem; } } /* ========================================================= TABLET / HIGH DESKTOP ZOOM ========================================================= */ @media screen and (max-width:960px){ .hibr-nav, .hibr-header-actions{ display:none; } .hibr-menu-toggle{ display:flex; } .hibr-cinema-inner{ display:flex; flex-direction:column; } .hibr-cinema-art, .hibr-cinema-copy{ width:100%; } .product-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .statement-grid, .hibr-footer-main, .designer-stage{ grid-template-columns:1fr; } } /* ========================================================= MOBILE / VERY HIGH ZOOM ========================================================= */ @media screen and (max-width:640px){ .hibr-container{ width:calc(100% - 28px); } .product-grid{ grid-template-columns:1fr; } .hibr-footer-nav{ grid-template-columns:1fr 1fr; } } /* VERY SMALL */ @media screen and (max-width:380px){ .hibr-container{ width:calc(100% - 20px); } .hibr-footer-nav{ grid-template-columns:1fr; } } /* ========================================================= HIBR STORE V2 — focused commerce layout ========================================================= */ .hibr-store-v2{background:#080807;color:var(--fg);overflow:hidden} .hibr-store-v2-hero{position:relative;isolation:isolate;padding:clamp(70px,9vw,120px) 0 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 12% 45%,rgba(200,169,104,.14),transparent 34%),linear-gradient(125deg,#11100d,#070706 66%)} .hibr-store-v2-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 78%,transparent)} .hibr-store-v2-watermark{position:absolute;inset:auto auto -3.5rem -1rem;z-index:-1;color:rgba(255,255,255,.018);font:800 clamp(11rem,31vw,30rem)/.65 Arial,sans-serif;letter-spacing:-.1em;user-select:none} .hibr-store-v2-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);align-items:end;gap:clamp(32px,7vw,96px);padding-bottom:clamp(42px,6vw,72px)} .hibr-store-v2-copy h1{max-width:9ch;margin:16px 0 22px;font-size:clamp(3.4rem,7vw,7.2rem);line-height:.93;letter-spacing:-.065em} .hibr-store-v2-copy h1 span{color:var(--gold)} .hibr-store-v2-copy>p:last-child{max-width:590px;margin:0;color:rgba(255,255,255,.57);font-size:clamp(.9rem,1.2vw,1.05rem);line-height:2} .hibr-store-v2-actions{display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:8px} .hibr-store-v2-actions .hibr-btn{min-width:210px} .hibr-store-v2-text-link{display:flex;align-items:center;gap:20px;color:rgba(255,255,255,.68);font-size:.86rem} .hibr-store-v2-text-link span{color:var(--gold)} .hibr-store-v2-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:18px;scrollbar-width:none} .hibr-store-v2-tabs::-webkit-scrollbar{display:none} .hibr-store-v2-tabs a{flex:0 0 auto;min-width:130px;padding:12px 18px;border:1px solid rgba(255,255,255,.12);text-align:center;color:rgba(255,255,255,.62);font-size:.82rem;transition:.25s ease} .hibr-store-v2-tabs a:hover,.hibr-store-v2-tabs a.is-active{border-color:var(--gold);background:var(--gold);color:#111} .hibr-store-v2-benefits{border-bottom:1px solid var(--line);background:#0c0c0b} .hibr-store-v2-benefits>.hibr-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .hibr-store-v2-benefits .hibr-container>div{display:flex;align-items:center;gap:16px;min-height:112px;padding:22px clamp(18px,3vw,34px);border-inline-start:1px solid var(--line)} .hibr-store-v2-benefits .hibr-container>div:last-child{border-inline-start:0} .hibr-store-v2-benefits b{color:var(--gold);font:600 .68rem Arial;letter-spacing:.15em} .hibr-store-v2-benefits span{display:grid;gap:5px} .hibr-store-v2-benefits strong{font-size:.92rem} .hibr-store-v2-benefits small{color:var(--muted);font-size:.76rem} .hibr-store-v2-catalog{ padding:clamp(26px,3.5vw,44px) 0; } .hibr-store-v2-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:20px} .hibr-store-v2-catalog-head h2{margin:9px 0 0;font-size:clamp(2.4rem,5vw,5rem);line-height:1} .hibr-store-v2-catalog-head>p{max-width:420px;margin:0;color:var(--muted);line-height:1.9} .hibr-store-v2-products .woocommerce-result-count{margin:0 0 26px;color:rgba(255,255,255,.44);font-size:.78rem} .hibr-store-v2-products .woocommerce-ordering{margin:0 0 26px} .hibr-store-v2-products .woocommerce-ordering select{min-height:44px;padding:0 14px;border:1px solid var(--line);background:#0d0d0c;color:var(--fg)} .hibr-store-v2-products .woocommerce ul.products{clear:both;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0!important;padding:0;list-style:none} .hibr-store-v2-products .woocommerce ul.products::before,.hibr-store-v2-products .woocommerce ul.products::after{display:none!important} .hibr-store-v2-products .woocommerce ul.products li.product{position:relative;width:auto!important;margin:0!important;padding:0 0 20px!important;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:2px;background:#0d0d0c;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease} .hibr-store-v2-products .woocommerce ul.products li.product:hover{transform:translateY(-6px);border-color:rgba(200,169,104,.55);box-shadow:0 24px 60px rgba(0,0,0,.35)} .hibr-store-v2-products .woocommerce ul.products li.product a img{width:100%;margin:0!important;aspect-ratio:4/5;object-fit:contain;background:radial-gradient(circle at 50% 44%,#24221d,#0d0d0c 68%);transition:transform .5s ease} .hibr-store-v2-products .woocommerce ul.products li.product:hover a img{transform:scale(1.035)} .hibr-store-v2-products .woocommerce-loop-product__title{min-height:64px;margin:0!important;padding:17px 17px 7px!important;color:var(--fg)!important;font-size:1rem!important;line-height:1.65} .hibr-store-v2-products .price{display:block;margin:0!important;padding:0 17px!important;color:var(--gold)!important;font-size:.95rem!important;font-weight:700!important} .hibr-store-v2-products .button{display:flex!important;align-items:center;justify-content:center;min-height:46px;margin:15px 17px 0!important;padding:8px 14px!important;border:1px solid var(--gold)!important;border-radius:2px!important;background:transparent!important;color:var(--gold)!important;font-size:.82rem!important;transition:.25s ease} .hibr-store-v2-products .button:hover{background:var(--gold)!important;color:#111!important} .hibr-store-v2-products .onsale{top:12px!important;right:12px!important;left:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:7px 10px!important;border-radius:0!important;background:var(--gold)!important;color:#111!important;font-size:.68rem!important;line-height:1!important} .hibr-store-v2-products .woocommerce-pagination{margin-top:42px} .hibr-store-v2-custom{padding:0 0 clamp(60px,9vw,110px)} .hibr-store-v2-custom-inner{position:relative;display:grid;grid-template-columns:1fr .72fr;align-items:center;gap:clamp(38px,8vw,110px);overflow:hidden;padding:clamp(34px,6vw,72px);border:1px solid rgba(200,169,104,.32);background:radial-gradient(circle at 15% 50%,rgba(200,169,104,.14),transparent 30%),#0d0d0b} .hibr-store-v2-custom-inner::after{content:"HIBR";position:absolute;left:-20px;bottom:-65px;color:rgba(255,255,255,.025);font:800 clamp(9rem,23vw,18rem)/.7 Arial;pointer-events:none} .hibr-store-v2-custom h2{position:relative;z-index:1;margin:14px 0 0;font-size:clamp(2.2rem,4.6vw,4.7rem);line-height:1.15;letter-spacing:-.045em} .hibr-store-v2-custom h2 span{color:var(--gold)} .hibr-store-v2-custom-inner>div:last-child{position:relative;z-index:1} .hibr-store-v2-custom-inner>div:last-child p{margin:0 0 24px;color:var(--muted);line-height:2} .hibr-store-v2-single{padding-block:70px} @media(max-width:900px){.hibr-store-v2-hero-grid{grid-template-columns:1fr}.hibr-store-v2-actions{flex-direction:row;align-items:center}.hibr-store-v2-custom-inner{grid-template-columns:1fr}.hibr-store-v2-products .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:600px){.hibr-store-v2-hero{padding-top:72px}.hibr-store-v2-hero-grid{gap:24px;padding-bottom:34px}.hibr-store-v2-copy h1{margin:12px 0 16px;font-size:clamp(3rem,15vw,4.3rem);line-height:1.02}.hibr-store-v2-copy>p:last-child{font-size:.86rem;line-height:1.85}.hibr-store-v2-actions{align-items:stretch;gap:12px}.hibr-store-v2-actions .hibr-btn{min-width:0;flex:1;padding-inline:14px}.hibr-store-v2-text-link{justify-content:center;flex:1;font-size:.78rem}.hibr-store-v2-tabs{padding-bottom:14px}.hibr-store-v2-tabs a{min-width:112px;padding:11px 13px;font-size:.76rem}.hibr-store-v2-benefits>.hibr-container{grid-template-columns:repeat(2,minmax(0,1fr))}.hibr-store-v2-benefits .hibr-container>div{min-height:94px;padding:15px 10px;gap:8px}.hibr-store-v2-benefits .hibr-container>div:nth-child(2){display:none}.hibr-store-v2-benefits b{font-size:.58rem}.hibr-store-v2-benefits strong{font-size:.78rem}.hibr-store-v2-benefits small{font-size:.66rem;line-height:1.55}.hibr-store-v2-catalog{padding:48px 0 60px}.hibr-store-v2-catalog-head{display:block;margin-bottom:26px}.hibr-store-v2-catalog-head h2{font-size:2.6rem}.hibr-store-v2-catalog-head>p{margin-top:15px;font-size:.82rem}.hibr-store-v2-products .woocommerce-result-count,.hibr-store-v2-products .woocommerce-ordering{float:none!important;width:100%;text-align:right}.hibr-store-v2-products .woocommerce-ordering select{width:100%}.hibr-store-v2-products .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px}.hibr-store-v2-products .woocommerce-loop-product__title{min-height:65px;padding:12px 11px 5px!important;font-size:.82rem!important}.hibr-store-v2-products .price{padding:0 11px!important;font-size:.77rem!important}.hibr-store-v2-products .button{min-height:42px;margin:12px 10px 0!important;padding:7px!important;font-size:.7rem!important;white-space:normal}.hibr-store-v2-custom-inner{padding:30px 20px}.hibr-store-v2-custom h2{font-size:2.5rem}.hibr-store-v2-custom-inner>div:last-child p{font-size:.86rem}.hibr-store-v2-custom .hibr-btn{width:100%}} /* HIBR STORE V2 — WooCommerce direct markup fix */ .hibr-store-v2-products ul.products{clear:both;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:0!important;padding:0!important;list-style:none!important} .hibr-store-v2-products ul.products::before,.hibr-store-v2-products ul.products::after{display:none!important} .hibr-store-v2-products ul.products li.product{position:relative;width:auto!important;margin:0!important;padding:0 0 20px!important;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:2px;background:#0d0d0c;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease} .hibr-store-v2-products ul.products li.product:hover{transform:translateY(-6px);border-color:rgba(200,169,104,.55);box-shadow:0 24px 60px rgba(0,0,0,.35)} .hibr-store-v2-products ul.products li.product .woocommerce-loop-product__link{position:relative;display:block;background:radial-gradient(circle at 50% 40%,#24221d,#0d0d0c 70%)} .hibr-store-v2-products ul.products li.product a img{width:100%;margin:0!important;aspect-ratio:4/5;object-fit:contain;background:transparent;transition:transform .5s ease} .hibr-store-v2-products ul.products li.product a:has(img.woocommerce-placeholder)::before{content:"حِبر";position:absolute;inset:0 0 auto;display:grid;place-items:center;aspect-ratio:4/5;color:rgba(200,169,104,.2);font-size:clamp(3rem,7vw,6rem);font-weight:800;letter-spacing:-.08em} .hibr-store-v2-products ul.products img.woocommerce-placeholder{visibility:hidden} .hibr-store-v2-products ul.products li.product:hover a img{transform:scale(1.035)} .hibr-store-v2-products ul.products .woocommerce-loop-product__title{min-height:64px;margin:0!important;padding:17px 17px 7px!important;color:var(--fg)!important;font-size:1rem!important;line-height:1.65} .hibr-store-v2-products ul.products .price{display:block;margin:0!important;padding:0 17px!important;color:var(--gold)!important;font-size:.95rem!important;font-weight:700!important} .hibr-store-v2-products ul.products .button{display:flex!important;align-items:center;justify-content:center;min-height:46px;margin:15px 17px 0!important;padding:8px 14px!important;border:1px solid var(--gold)!important;border-radius:2px!important;background:transparent!important;color:var(--gold)!important;font-size:.82rem!important;transition:.25s ease} .hibr-store-v2-products ul.products .button:hover{background:var(--gold)!important;color:#111!important} @media(max-width:900px){.hibr-store-v2-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:600px){.hibr-store-v2-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.hibr-store-v2-products ul.products .woocommerce-loop-product__title{min-height:65px;padding:12px 11px 5px!important;font-size:.82rem!important}.hibr-store-v2-products ul.products .price{padding:0 11px!important;font-size:.77rem!important}.hibr-store-v2-products ul.products .button{min-height:42px;margin:12px 10px 0!important;padding:7px!important;font-size:.7rem!important;white-space:normal}} /* ========================================================= HIBR COLLECTIONS V2 — editorial collection experience ========================================================= */ .hibr-collections-v2{overflow:hidden;background:#080807;color:var(--fg)} .hibr-collections-hero{position:relative;isolation:isolate;padding:clamp(80px,10vw,140px) 0 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 35%,rgba(200,169,104,.16),transparent 30%),linear-gradient(135deg,#070706,#12110e 72%,#080807)} .hibr-collections-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 85%)} .hibr-collections-watermark{position:absolute;inset:auto -3vw 1rem auto;z-index:-1;color:rgba(255,255,255,.018);font:800 clamp(13rem,35vw,34rem)/.65 Arial,sans-serif;letter-spacing:-.12em;user-select:none} .hibr-collections-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);align-items:end;gap:clamp(44px,8vw,110px);padding-bottom:clamp(60px,8vw,94px)} .hibr-collections-hero h1{margin:18px 0 0;font-size:clamp(4rem,9vw,9.2rem);line-height:.86;letter-spacing:-.075em} .hibr-collections-hero h1 span{color:var(--gold)} .hibr-collections-intro{padding-bottom:12px} .hibr-collections-intro p{margin:0 0 28px;color:rgba(255,255,255,.58);font-size:clamp(.92rem,1.15vw,1.06rem);line-height:2} .hibr-collections-intro .hibr-btn{min-width:210px} .hibr-collections-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)} .hibr-collections-index span{padding:20px 18px;border-inline-start:1px solid var(--line);color:rgba(255,255,255,.48);font-size:.72rem;letter-spacing:.03em} .hibr-collections-index span:first-child{color:var(--gold)} .hibr-collections-index span:last-child{border-inline-start:0} .hibr-collections-showcase{padding:clamp(70px,9vw,120px) 0} .hibr-collections-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:38px} .hibr-collections-heading h2{margin:10px 0 0;font-size:clamp(3rem,6vw,6rem);line-height:.95;letter-spacing:-.055em} .hibr-collections-heading>p{max-width:430px;margin:0;color:var(--muted);line-height:1.9} .hibr-collections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} .hibr-collection-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:560px;overflow:hidden;padding:clamp(26px,4vw,48px);border:1px solid rgba(255,255,255,.1);background:#10100e;color:var(--fg);transition:transform .4s ease,border-color .4s ease} .hibr-collection-card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 28% 28%,rgba(200,169,104,.16),transparent 35%),linear-gradient(150deg,#1a1813,#090908 72%)} .hibr-collection-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.82),transparent 58%)} .hibr-collection-card--hoodie::before{background:radial-gradient(circle at 72% 24%,rgba(130,128,122,.2),transparent 36%),linear-gradient(150deg,#171817,#080808 72%)} .hibr-collection-card--accessories{grid-column:1/-1;min-height:420px} .hibr-collection-card--accessories::before{background:radial-gradient(circle at 22% 40%,rgba(200,169,104,.18),transparent 28%),linear-gradient(110deg,#11100d,#050505 65%)} .hibr-collection-card:hover{transform:translateY(-7px);border-color:rgba(200,169,104,.62)} .hibr-collection-no{position:absolute;top:28px;right:30px;color:var(--gold);font:600 .72rem Arial;letter-spacing:.2em} .hibr-collection-glyph{position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-54%);color:rgba(255,255,255,.035);font:800 clamp(16rem,35vw,31rem)/.7 Arial,sans-serif;letter-spacing:-.12em;transition:color .4s ease,transform .6s ease} .hibr-collection-card:hover .hibr-collection-glyph{transform:translate(-50%,-56%) scale(1.035);color:rgba(200,169,104,.07)} .hibr-collection-card-copy{position:relative;z-index:2;max-width:460px} .hibr-collection-card-copy small{color:var(--gold);font:600 .64rem Arial;letter-spacing:.2em} .hibr-collection-card-copy h3{margin:9px 0 12px;font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1} .hibr-collection-card-copy p{margin:0 0 22px;color:rgba(255,255,255,.58);line-height:1.8} .hibr-collection-card-copy b{display:flex;align-items:center;gap:28px;font-size:.82rem;font-weight:500} .hibr-collection-card-copy i{color:var(--gold);font-style:normal;transition:transform .3s ease} .hibr-collection-card:hover .hibr-collection-card-copy i{transform:translateX(-8px)} .hibr-collections-custom{padding:0 0 clamp(70px,10vw,130px)} .hibr-collections-custom-inner{position:relative;display:grid;grid-template-columns:.2fr 1fr .72fr;align-items:center;gap:clamp(28px,6vw,84px);overflow:hidden;padding:clamp(38px,6vw,78px);border:1px solid rgba(200,169,104,.36);background:radial-gradient(circle at 85% 50%,rgba(200,169,104,.14),transparent 34%),#0d0d0b} .hibr-collections-custom-mark{color:rgba(200,169,104,.2);font:700 clamp(4rem,9vw,8rem)/1 Arial} .hibr-collections-custom h2{margin:13px 0 0;font-size:clamp(2.7rem,5vw,5.2rem);line-height:1.08;letter-spacing:-.055em} .hibr-collections-custom h2 span{color:var(--gold)} .hibr-collections-custom-inner>div:last-child p{margin:0 0 26px;color:var(--muted);line-height:2} .hibr-collections-footer-cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .hibr-collections-footer-cta>.hibr-container{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:120px} .hibr-collections-footer-cta p{margin:0;color:var(--muted)} .hibr-collections-footer-cta a{display:flex;align-items:center;gap:24px;color:var(--fg);font-size:clamp(1rem,1.5vw,1.25rem)} .hibr-collections-footer-cta a span{color:var(--gold)} @media(max-width:900px){.hibr-collections-hero-grid{grid-template-columns:1fr}.hibr-collections-intro{max-width:600px}.hibr-collections-custom-inner{grid-template-columns:.2fr 1fr}.hibr-collections-custom-inner>div:last-child{grid-column:2}.hibr-collection-card{min-height:480px}} @media(max-width:600px){.hibr-collections-hero{padding-top:76px}.hibr-collections-hero-grid{gap:28px;padding-bottom:38px}.hibr-collections-hero h1{font-size:clamp(4rem,21vw,5.2rem);line-height:.92}.hibr-collections-intro p{font-size:.86rem;line-height:1.85}.hibr-collections-intro .hibr-btn{width:100%;min-width:0}.hibr-collections-index{grid-template-columns:repeat(2,minmax(0,1fr))}.hibr-collections-index span{padding:14px 10px;font-size:.63rem}.hibr-collections-index span:nth-child(2){border-inline-start:0}.hibr-collections-index span:nth-child(-n+2){border-bottom:1px solid var(--line)}.hibr-collections-showcase{padding:54px 0}.hibr-collections-heading{display:block;margin-bottom:26px}.hibr-collections-heading h2{font-size:3.15rem}.hibr-collections-heading>p{margin-top:16px;font-size:.82rem}.hibr-collections-grid{grid-template-columns:1fr;gap:13px}.hibr-collection-card,.hibr-collection-card--accessories{grid-column:auto;min-height:430px;padding:24px 20px}.hibr-collection-no{top:20px;right:20px}.hibr-collection-glyph{font-size:16rem}.hibr-collection-card-copy h3{font-size:2.8rem}.hibr-collection-card-copy p{font-size:.84rem}.hibr-collections-custom-inner{grid-template-columns:1fr;gap:22px;padding:30px 20px}.hibr-collections-custom-mark{position:absolute;left:18px;top:18px;font-size:5rem}.hibr-collections-custom-inner>div:last-child{grid-column:auto}.hibr-collections-custom h2{font-size:2.7rem}.hibr-collections-custom-inner>div:last-child p{font-size:.85rem}.hibr-collections-custom .hibr-btn{width:100%}.hibr-collections-footer-cta>.hibr-container{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:28px}.hibr-collections-footer-cta a{font-size:.95rem}} /* ========================================================= HIBR ABOUT V3 — brand story and trust ========================================================= */ .hibr-about-v3{overflow:hidden;background:#080807;color:var(--fg)} .hibr-about-v3-hero{position:relative;isolation:isolate;padding:clamp(85px,10vw,145px) 0 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 18% 45%,rgba(200,169,104,.17),transparent 30%),linear-gradient(130deg,#11100d,#060606 70%)} .hibr-about-v3-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 84%)} .hibr-about-v3-watermark{position:absolute;inset:auto -2vw -2rem auto;z-index:-1;color:rgba(255,255,255,.022);font-size:clamp(14rem,36vw,34rem);font-weight:800;line-height:.7;letter-spacing:-.13em;user-select:none} .hibr-about-v3-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.48fr);align-items:center;gap:clamp(46px,9vw,120px);padding-bottom:clamp(60px,8vw,100px)} .hibr-about-v3-copy h1{margin:18px 0 28px;font-size:clamp(3.6rem,7.5vw,7.8rem);line-height:.91;letter-spacing:-.065em} .hibr-about-v3-copy h1 span{color:var(--gold)} .hibr-about-v3-copy>p:last-child{max-width:610px;margin:0;color:rgba(255,255,255,.58);font-size:clamp(.92rem,1.15vw,1.08rem);line-height:2} .hibr-about-v3-seal{justify-self:center;display:grid;place-items:center;width:clamp(220px,24vw,320px);aspect-ratio:1;border:1px solid rgba(200,169,104,.38);border-radius:50%;background:radial-gradient(circle,rgba(200,169,104,.12),transparent 63%);text-align:center;box-shadow:0 0 0 18px rgba(200,169,104,.025),0 0 0 19px rgba(200,169,104,.09)} .hibr-about-v3-seal span{grid-area:1/1;color:var(--fg);font-size:clamp(5rem,10vw,8.5rem);font-weight:800;line-height:1} .hibr-about-v3-seal small{grid-area:1/1;align-self:end;margin-bottom:18%;color:var(--gold);font:600 .58rem/1.7 Arial;letter-spacing:.18em} .hibr-about-v3-marquee{display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;padding-block:22px;border-top:1px solid var(--line);color:rgba(255,255,255,.42);font:600 clamp(.7rem,1.1vw,.85rem) Arial;letter-spacing:.2em} .hibr-about-v3-marquee i{color:var(--gold);font-style:normal} .hibr-about-v3-story{padding:clamp(80px,11vw,150px) 0} .hibr-about-v3-story-grid{display:grid;grid-template-columns:1fr .72fr;gap:clamp(60px,10vw,145px)} .hibr-about-v3-story h2{margin:14px 0 0;font-size:clamp(3.2rem,6vw,6.3rem);line-height:1.05;letter-spacing:-.06em} .hibr-about-v3-story h2 span{color:var(--gold)} .hibr-about-v3-story-copy{padding-top:35px;border-top:1px solid rgba(200,169,104,.36)} .hibr-about-v3-story-copy p{margin:0 0 22px;color:var(--muted);font-size:clamp(.9rem,1.15vw,1.04rem);line-height:2.05} .hibr-about-v3-story-copy p:first-child{color:var(--fg);font-size:clamp(1.12rem,1.8vw,1.5rem);line-height:1.8} .hibr-about-v3-story-copy a{display:inline-flex;align-items:center;gap:28px;margin-top:12px;color:var(--gold);font-size:.86rem} .hibr-about-v3-values{padding:clamp(70px,9vw,120px) 0;border-block:1px solid var(--line);background:#0c0c0b} .hibr-about-v3-values h2{margin:10px 0 38px;font-size:clamp(3rem,5.6vw,5.8rem);line-height:1} .hibr-about-v3-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line)} .hibr-about-v3-values article{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;overflow:hidden;padding:28px;border-inline-start:1px solid var(--line)} .hibr-about-v3-values article:last-child{border-inline-start:0} .hibr-about-v3-values article>b{color:var(--gold);font:600 .66rem Arial;letter-spacing:.18em} .hibr-about-v3-letter{position:absolute;inset:50% auto auto 50%;z-index:-1;transform:translate(-50%,-55%);color:rgba(255,255,255,.035);font-size:18rem;font-weight:800;line-height:1} .hibr-about-v3-values article small{color:var(--gold);font:600 .6rem Arial;letter-spacing:.17em} .hibr-about-v3-values article h3{margin:9px 0 12px;font-size:clamp(1.8rem,3vw,2.7rem)} .hibr-about-v3-values article p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.9} .hibr-about-v3-process{padding:clamp(80px,11vw,145px) 0} .hibr-about-v3-process-head{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:70px;margin-bottom:44px} .hibr-about-v3-process h2{margin:12px 0 0;font-size:clamp(3rem,5.8vw,6rem);line-height:1.04;letter-spacing:-.055em} .hibr-about-v3-process h2 span{color:var(--gold)} .hibr-about-v3-process-head>p{margin:0;color:var(--muted);line-height:2} .hibr-about-v3-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:0;border-top:1px solid var(--line);list-style:none} .hibr-about-v3-steps li{display:grid;gap:12px;min-height:190px;padding:26px 22px;border-inline-start:1px solid var(--line)} .hibr-about-v3-steps li:last-child{border-inline-start:0} .hibr-about-v3-steps b{color:var(--gold);font:600 .65rem Arial;letter-spacing:.17em} .hibr-about-v3-steps strong{align-self:end;font-size:1.25rem} .hibr-about-v3-steps span{color:var(--muted);font-size:.76rem;line-height:1.75} .hibr-about-v3-cta{padding:0 0 clamp(75px,10vw,130px)} .hibr-about-v3-cta-inner{position:relative;display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:clamp(50px,9vw,120px);overflow:hidden;padding:clamp(40px,7vw,84px);border:1px solid rgba(200,169,104,.38);background:radial-gradient(circle at 82% 40%,rgba(200,169,104,.15),transparent 35%),#0d0d0b} .hibr-about-v3-cta h2{margin:12px 0 0;font-size:clamp(3.1rem,6vw,6.4rem);line-height:1.02;letter-spacing:-.06em} .hibr-about-v3-cta h2 span{color:var(--gold)} .hibr-about-v3-cta-inner>div:last-child>p{margin:0 0 28px;color:var(--muted);line-height:2} .hibr-about-v3-actions{display:flex;align-items:center;gap:25px} .hibr-about-v3-actions>a:last-child{color:var(--fg);font-size:.83rem;border-bottom:1px solid var(--gold);padding-bottom:5px} @media(max-width:900px){.hibr-about-v3-hero-grid,.hibr-about-v3-story-grid,.hibr-about-v3-process-head,.hibr-about-v3-cta-inner{grid-template-columns:1fr}.hibr-about-v3-seal{position:absolute;left:8%;bottom:16%;opacity:.25}.hibr-about-v3-values-grid{grid-template-columns:1fr}.hibr-about-v3-values article{min-height:310px;border-inline-start:0;border-bottom:1px solid var(--line)}.hibr-about-v3-values article:last-child{border-bottom:0}.hibr-about-v3-steps{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.hibr-about-v3-hero{padding-top:78px}.hibr-about-v3-hero-grid{padding-bottom:42px}.hibr-about-v3-copy h1{font-size:clamp(3.25rem,16vw,4.25rem);line-height:.98}.hibr-about-v3-copy>p:last-child{font-size:.86rem;line-height:1.85}.hibr-about-v3-seal{width:170px;left:-35px;bottom:18%;opacity:.2}.hibr-about-v3-marquee{font-size:.58rem;padding-block:15px}.hibr-about-v3-marquee span:nth-of-type(3){display:none}.hibr-about-v3-story{padding:60px 0}.hibr-about-v3-story h2{font-size:3.15rem}.hibr-about-v3-story-grid{gap:38px}.hibr-about-v3-story-copy{padding-top:25px}.hibr-about-v3-story-copy p{font-size:.86rem}.hibr-about-v3-values{padding:55px 0}.hibr-about-v3-values h2{font-size:3rem;margin-bottom:26px}.hibr-about-v3-values article{min-height:300px;padding:22px}.hibr-about-v3-letter{font-size:13rem}.hibr-about-v3-process{padding:62px 0}.hibr-about-v3-process h2{font-size:3rem}.hibr-about-v3-process-head{gap:24px;margin-bottom:30px}.hibr-about-v3-process-head>p{font-size:.84rem}.hibr-about-v3-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.hibr-about-v3-steps li{min-height:165px;padding:20px 14px}.hibr-about-v3-steps strong{font-size:1rem}.hibr-about-v3-steps span{font-size:.68rem}.hibr-about-v3-cta-inner{gap:28px;padding:32px 20px}.hibr-about-v3-cta h2{font-size:3.35rem}.hibr-about-v3-cta-inner>div:last-child>p{font-size:.85rem}.hibr-about-v3-actions{align-items:stretch;flex-direction:column}.hibr-about-v3-actions .hibr-btn{width:100%}.hibr-about-v3-actions>a:last-child{text-align:center}} /* ========================================================= HIBR DESIGN LAB 2030 — interactive product studio ========================================================= */ .hibr-studio-2030{overflow:hidden;background:#070707;color:var(--fg)} .hibr-studio-intro{position:relative;isolation:isolate;padding:clamp(80px,9vw,130px) 0 0;border-bottom:1px solid var(--line);background:radial-gradient(circle at 15% 50%,rgba(200,169,104,.15),transparent 32%),linear-gradient(130deg,#12110e,#050505 72%)} .hibr-studio-intro::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.34;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 88%)} .hibr-studio-intro-grid{display:grid;grid-template-columns:1.1fr .55fr;align-items:end;gap:clamp(50px,9vw,125px);padding-bottom:clamp(50px,7vw,86px)} .hibr-studio-intro h1{margin:17px 0 0;font-size:clamp(4rem,8vw,8.4rem);line-height:.84;letter-spacing:-.075em} .hibr-studio-intro h1 span{color:var(--gold)} .hibr-studio-intro-grid>div:last-child{padding-bottom:10px} .hibr-studio-intro-grid>div:last-child p{margin:0 0 26px;color:var(--muted);font-size:clamp(.9rem,1.15vw,1.05rem);line-height:2} .hibr-studio-intro-grid>div:last-child a{display:inline-flex;align-items:center;gap:28px;color:var(--gold);font-size:.85rem} .hibr-studio-status{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)} .hibr-studio-status span{padding:17px 18px;border-inline-start:1px solid var(--line);color:rgba(255,255,255,.4);font:600 .61rem Arial;letter-spacing:.16em;text-align:center} .hibr-studio-status span:last-child{border-inline-start:0} .hibr-studio-status i,.hibr-preview-topbar i{display:inline-block;width:6px;height:6px;margin-inline-end:8px;border-radius:50%;background:#79d59c;box-shadow:0 0 12px #79d59c} .hibr-live-studio{padding:clamp(45px,7vw,88px) 0 clamp(70px,9vw,120px)} .hibr-live-layout{display:grid;grid-template-columns:minmax(340px,.42fr) minmax(0,1fr);gap:18px;align-items:start;direction:rtl} .hibr-studio-panel,.hibr-preview-console{border:1px solid rgba(255,255,255,.11);background:#0c0c0b} .hibr-studio-panel-head,.hibr-preview-topbar{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 18px;border-bottom:1px solid var(--line);color:rgba(255,255,255,.52);font:600 .62rem Arial;letter-spacing:.14em} .hibr-studio-panel-head b{color:var(--gold);font-weight:500} .hibr-studio-tool{padding:22px 20px;border-bottom:1px solid var(--line)} .hibr-studio-tool:last-child{border-bottom:0} .hibr-studio-tool-title{display:flex;align-items:center;gap:14px;margin-bottom:18px} .hibr-studio-tool-title b{color:var(--gold);font:600 .63rem Arial;letter-spacing:.15em} .hibr-studio-tool-title span{font-size:.92rem;font-weight:700} .hibr-product-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .hibr-product-options button{display:grid;place-items:center;gap:7px;min-height:78px;padding:8px 3px;border:1px solid var(--line);background:#0a0a09;color:var(--muted);cursor:pointer;transition:.25s ease} .hibr-product-options button i{font:600 1.2rem Arial;font-style:normal} .hibr-product-options button span{font-size:.66rem} .hibr-product-options button:hover,.hibr-product-options button.is-active{border-color:var(--gold);background:rgba(200,169,104,.1);color:var(--gold)} .hibr-studio-sub{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px} .hibr-studio-sub>small,.hibr-text-design>span{color:var(--muted);font-size:.7rem} .hibr-color-options,.hibr-size-options{display:flex;gap:7px} .hibr-color-options button{width:28px;height:28px;border:2px solid #0c0c0b;border-radius:50%;background:var(--c);box-shadow:0 0 0 1px var(--line);cursor:pointer} .hibr-color-options button:nth-child(1){background:#171717}.hibr-color-options button:nth-child(2){background:#e8e3d8}.hibr-color-options button:nth-child(3){background:#777872}.hibr-color-options button:nth-child(4){background:#6b1f28} .hibr-color-options button.is-active{box-shadow:0 0 0 2px var(--gold)} .hibr-size-options button{min-width:34px;height:32px;padding:0 6px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.67rem;cursor:pointer} .hibr-size-options button.is-active{border-color:var(--gold);background:var(--gold);color:#111} .hibr-upload-zone{display:grid;place-items:center;min-height:135px;padding:18px;border:1px dashed rgba(200,169,104,.45);background:repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 8px,transparent 8px,transparent 16px);text-align:center;cursor:pointer;transition:.25s ease} .hibr-upload-zone:hover{border-color:var(--gold);background-color:rgba(200,169,104,.035)} .hibr-upload-zone input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0} .hibr-upload-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:1.3rem} .hibr-upload-zone strong{font-size:.78rem}.hibr-upload-zone small{margin-top:6px;color:var(--muted);font:500 .55rem Arial;letter-spacing:.08em} .hibr-or{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--muted);font-size:.64rem}.hibr-or::before,.hibr-or::after{content:"";height:1px;flex:1;background:var(--line)} .hibr-text-design{display:grid;gap:8px}.hibr-text-design input{width:100%;height:43px;padding:0 13px;border:1px solid var(--line);background:#080808;color:var(--fg);font-family:inherit}.hibr-text-design input:focus{outline:1px solid var(--gold);border-color:var(--gold)} .hibr-range-row{display:grid;grid-template-columns:55px 1fr 44px;align-items:center;gap:10px;margin-top:14px;color:var(--muted);font-size:.68rem}.hibr-range-row input{accent-color:var(--gold)}.hibr-range-row output{color:var(--gold);font:600 .62rem Arial;text-align:left} .hibr-position-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:18px}.hibr-position-pad button{height:35px;border:1px solid var(--line);background:#080808;color:var(--muted);cursor:pointer}.hibr-position-pad button:hover{border-color:var(--gold);color:var(--gold)} .hibr-preview-console{min-width:0} .hibr-preview-topbar>div{display:flex;align-items:center;gap:8px}.hibr-preview-topbar b{color:var(--gold);font-size:.55rem}.hibr-preview-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(600px,67vw,820px);overflow:hidden;background:radial-gradient(circle at 50% 44%,#1e1d19,#090909 64%);perspective:1200px;touch-action:pan-y} .hibr-stage-grid{position:absolute;inset:0;z-index:-1;opacity:.35;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle,#000,transparent 72%)} .hibr-stage-code{position:absolute;top:18px;right:20px;color:rgba(200,169,104,.55);font:500 .56rem Arial;letter-spacing:.14em} .hibr-garment-object{position:relative;width:min(72%,560px);filter:drop-shadow(0 32px 42px rgba(0,0,0,.55));transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .12s ease-out} .hibr-garment{display:none;width:100%;height:auto;overflow:visible}.hibr-garment path:first-child{fill:var(--garment);stroke:rgba(255,255,255,.22);stroke-width:2}.hibr-garment .seam{fill:none;stroke:rgba(255,255,255,.15);stroke-width:2} .hibr-preview-stage[data-product="tee"] .hibr-garment-tee,.hibr-preview-stage[data-product="hoodie"] .hibr-garment-hoodie,.hibr-preview-stage[data-product="pants"] .hibr-garment-pants,.hibr-preview-stage[data-product="tote"] .hibr-garment-tote{display:block} .hibr-design-layer{position:absolute;top:43%;left:50%;display:grid;place-items:center;width:32%;aspect-ratio:1;transform:translate(-50%,-50%);transform-origin:center;pointer-events:none} .hibr-design-layer img{display:none;max-width:100%;max-height:100%;object-fit:contain}.hibr-design-layer span{max-width:180%;color:#d8b96f;font-size:clamp(1.1rem,3vw,2.2rem);font-weight:800;line-height:1.1;text-align:center;word-break:break-word;text-shadow:0 2px 10px rgba(0,0,0,.3)} .hibr-preview-stage[data-product="pants"] .hibr-design-layer{top:31%;width:22%}.hibr-preview-stage[data-product="tote"] .hibr-design-layer{top:54%;width:36%} .hibr-preview-hint{position:absolute;right:18px;bottom:18px;left:18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.38);font-size:.62rem}.hibr-preview-hint i{color:var(--gold);font:600 .62rem Arial;font-style:normal} .hibr-preview-footer{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line)} .hibr-preview-footer>div{display:grid;gap:6px;padding:17px;border-inline-start:1px solid var(--line)}.hibr-preview-footer>div:last-child{border-inline-start:0}.hibr-preview-footer small{color:var(--muted);font-size:.58rem}.hibr-preview-footer strong{color:var(--fg);font-size:.76rem} .hibr-studio-checkout{padding:0 0 clamp(75px,10vw,130px)} .hibr-studio-checkout-inner{display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:clamp(50px,9vw,120px);padding:clamp(38px,6vw,74px);border:1px solid rgba(200,169,104,.38);background:radial-gradient(circle at 12% 50%,rgba(200,169,104,.14),transparent 34%),#0d0d0b} .hibr-studio-checkout h2{margin:12px 0 0;font-size:clamp(3rem,5.5vw,5.8rem);line-height:1.06;letter-spacing:-.055em}.hibr-studio-checkout h2 span{color:var(--gold)} .hibr-studio-checkout-inner>div:last-child>p{margin:0 0 25px;color:var(--muted);line-height:2}.hibr-studio-checkout .hibr-btn{width:100%;font-family:inherit}.hibr-studio-checkout-inner>div:last-child>a{display:block;margin-top:17px;color:var(--muted);font-size:.72rem;text-align:center} @media(max-width:1050px){.hibr-live-layout{grid-template-columns:340px minmax(0,1fr)}.hibr-preview-stage{min-height:640px}} @media(max-width:800px){.hibr-studio-intro-grid,.hibr-studio-checkout-inner{grid-template-columns:1fr}.hibr-live-layout{display:flex;flex-direction:column}.hibr-preview-console{order:-1;width:100%}.hibr-studio-panel{width:100%}.hibr-preview-stage{min-height:620px}.hibr-studio-checkout-inner{gap:35px}} @media(max-width:600px){.hibr-studio-intro{padding-top:76px}.hibr-studio-intro-grid{gap:25px;padding-bottom:34px}.hibr-studio-intro h1{font-size:clamp(3.7rem,19vw,4.8rem);line-height:.9}.hibr-studio-intro-grid>div:last-child p{font-size:.84rem;line-height:1.85}.hibr-studio-status{grid-template-columns:1fr 1fr}.hibr-studio-status span{padding:13px 7px;font-size:.5rem}.hibr-studio-status span:last-child{display:none}.hibr-live-studio{padding:28px 0 62px}.hibr-live-layout{gap:12px}.hibr-preview-topbar,.hibr-studio-panel-head{min-height:46px;padding-inline:12px;font-size:.54rem}.hibr-preview-stage{min-height:480px}.hibr-garment-object{width:92%}.hibr-stage-code{top:12px;right:12px;font-size:.48rem}.hibr-preview-hint{right:12px;bottom:12px;left:12px;font-size:.54rem}.hibr-preview-footer>div{padding:12px 8px}.hibr-preview-footer small{font-size:.5rem}.hibr-preview-footer strong{font-size:.62rem}.hibr-studio-tool{padding:19px 14px}.hibr-product-options{gap:5px}.hibr-product-options button{min-height:70px}.hibr-studio-sub{align-items:flex-start;flex-direction:column}.hibr-color-options,.hibr-size-options{width:100%;justify-content:space-between}.hibr-size-options button{flex:1}.hibr-upload-zone{min-height:125px}.hibr-studio-checkout-inner{padding:30px 20px}.hibr-studio-checkout h2{font-size:3.15rem}.hibr-studio-checkout-inner>div:last-child>p{font-size:.84rem}} /* HIBR custom design preview inside WooCommerce cart */ .hibr-cart-design-image,.hibr-cart-design-thumb{display:grid!important;place-items:center;width:84px!important;height:96px!important;object-fit:contain;border:1px solid rgba(200,169,104,.35);background:radial-gradient(circle,#24221d,#0b0b0a 72%)} .hibr-cart-design-thumb{gap:5px;padding:8px;color:var(--gold);text-align:center}.hibr-cart-design-thumb b{max-width:100%;font-size:.72rem;line-height:1.35;word-break:break-word}.hibr-cart-design-thumb small{color:var(--muted);font-size:.5rem} @media(max-width:600px){.hibr-cart-design-image,.hibr-cart-design-thumb{width:64px!important;height:74px!important}} /* ========================================================= HIBR PURCHASE EXPERIENCE / CART + CHECKOUT ========================================================= */ .woocommerce-cart .main-content,.woocommerce-checkout .main-content,.woocommerce-order-received .main-content{padding-block:42px 84px}.hibr-purchase-intro{max-width:1240px;margin:0 auto 26px;padding:22px 26px;border:1px solid rgba(200,169,104,.28);background:linear-gradient(115deg,rgba(200,169,104,.12),rgba(17,17,15,.88) 42%,rgba(17,17,15,.98));position:relative;overflow:hidden}.hibr-purchase-intro:after{content:'HIBR';position:absolute;inset:auto -8px -62px auto;color:rgba(255,255,255,.025);font-weight:800;font-size:12rem;line-height:1;pointer-events:none}.hibr-purchase-kicker{color:var(--gold);font-size:.65rem;font-weight:700;letter-spacing:.2em}.hibr-purchase-steps{display:flex;align-items:center;gap:14px;margin:16px 0;color:#aba79e;font-size:.86rem}.hibr-purchase-steps span{display:flex;gap:8px;align-items:center;white-space:nowrap}.hibr-purchase-steps b{color:var(--gold);font-size:.68rem}.hibr-purchase-steps i{height:1px;flex:1;max-width:76px;background:rgba(200,169,104,.34)}.hibr-purchase-steps .is-current{color:var(--fg);font-weight:700}.hibr-shipping-note{position:relative;z-index:1;font-size:.78rem;line-height:1.8;color:var(--muted);border-top:1px solid rgba(255,255,255,.09);padding-top:12px}.hibr-shipping-note strong{color:var(--gold)} .woocommerce-cart-form,.cart-collaterals,.woocommerce-checkout form.checkout,.woocommerce-order{max-width:1240px;margin-inline:auto}.woocommerce-cart-form{padding:20px;border:1px solid var(--line);background:var(--surface)}.woocommerce-cart-form table,.woocommerce-checkout-review-order-table{width:100%;border-collapse:collapse}.woocommerce-cart-form th,.woocommerce-cart-form td,.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:18px 12px;border-bottom:1px solid rgba(255,255,255,.09);text-align:right;vertical-align:middle}.woocommerce-cart-form th,.woocommerce-checkout-review-order-table th{color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.06em}.woocommerce-cart-form a,.woocommerce-checkout a{color:var(--fg)}.woocommerce-cart-form .product-name a{font-weight:700}.woocommerce-cart-form .product-price,.woocommerce-cart-form .product-subtotal{color:var(--gold);font-weight:700}.woocommerce-cart-form input[type=number]{max-width:72px;min-height:42px;border:1px solid var(--line);background:#0c0c0b;color:var(--fg);text-align:center}.woocommerce-cart-form .actions{padding-top:22px!important}.woocommerce-cart-form input.input-text{min-height:44px;padding:0 12px;background:#090909;border:1px solid var(--line);color:var(--fg)}.woocommerce-cart-form button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:0!important;padding:13px 18px!important;background:transparent!important;color:var(--fg)!important;border:1px solid rgba(200,169,104,.62)!important;font-size:.78rem!important;font-weight:700!important;transition:.2s!important}.woocommerce-cart-form button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--gold)!important;color:#0a0a09!important}.cart-collaterals{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.52fr);gap:22px;margin-top:22px}.cart-collaterals:before{content:'كل تفصيلة محسوبة.';font-size:clamp(1.6rem,3vw,3rem);font-weight:800;line-height:1.15;padding:24px;border:1px solid var(--line);background:linear-gradient(140deg,#14130f,#0a0a09);color:var(--fg)}.cart-collaterals .cart_totals{padding:24px;border:1px solid rgba(200,169,104,.38);background:#11110f}.cart-collaterals h2{margin:0 0 18px;font-size:1.2rem}.cart-collaterals table{width:100%;border-collapse:collapse}.cart-collaterals th,.cart-collaterals td{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);text-align:right}.cart-collaterals td{color:var(--gold);font-weight:700}.cart-collaterals .wc-proceed-to-checkout{margin:20px 0 0}.cart-collaterals .checkout-button{display:block;text-align:center;background:var(--gold)!important;color:#090909!important;border-color:var(--gold)!important;padding:16px!important} .woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:24px;align-items:start}.woocommerce-checkout .col2-set{padding:26px;border:1px solid var(--line);background:var(--surface)}.woocommerce-checkout .col2-set h3,.woocommerce-checkout #order_review_heading{margin:0 0 20px;font-size:1.22rem}.woocommerce-checkout .form-row{margin:0 0 15px}.woocommerce-checkout .form-row label{display:block;margin-bottom:8px;color:#dedad1;font-size:.78rem;font-weight:700}.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .select2-selection{box-sizing:border-box!important;width:100%!important;min-height:49px!important;background:#0a0a09!important;border:1px solid var(--line)!important;color:var(--fg)!important;border-radius:0!important;padding:0 12px!important}.woocommerce-checkout .form-row textarea{padding-top:12px!important;min-height:98px!important}.woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last{width:48%}.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:2}.woocommerce-checkout #order_review_heading{margin-bottom:-8px;padding:0 3px}.woocommerce-checkout #order_review{padding:24px;border:1px solid rgba(200,169,104,.38);background:linear-gradient(145deg,#15140f,#0c0c0b)}.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding:14px 0}.woocommerce-checkout-review-order-table .product-total,.woocommerce-checkout-review-order-table .order-total td{color:var(--gold);font-weight:800}.hibr-checkout-confidence{grid-column:1;display:flex;gap:12px;padding:18px;border:1px solid rgba(200,169,104,.25);background:rgba(200,169,104,.06);color:var(--muted);line-height:1.7;font-size:.78rem}.hibr-checkout-confidence strong{color:var(--fg)}.hibr-checkout-confidence p{margin:3px 0 0}.hibr-checkout-confidence-mark{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--gold);color:#0a0a09;font-weight:800}.woocommerce-checkout #payment{margin-top:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.woocommerce-checkout #payment ul{padding:0;margin:0;list-style:none}.woocommerce-checkout #payment li{padding:14px;border:1px solid rgba(200,169,104,.26);background:rgba(0,0,0,.18)}.woocommerce-checkout #payment label{color:var(--fg);font-weight:700}.woocommerce-checkout #payment .payment_box{margin:10px 0 0;color:var(--muted);font-size:.76rem;line-height:1.7}.woocommerce-checkout #place_order{width:100%;margin-top:16px;background:var(--gold)!important;color:#0a0a09!important;border-color:var(--gold)!important;padding:16px!important;font-size:.88rem!important}.woocommerce-checkout .woocommerce-form-coupon-toggle{padding:14px 18px;border:1px dashed rgba(200,169,104,.32);margin-bottom:18px}.woocommerce-checkout .woocommerce-form-coupon-toggle a{color:var(--gold)}.woocommerce-order{padding:32px;border:1px solid rgba(200,169,104,.36);background:var(--surface)}.hibr-order-success-note{margin:-32px -32px 28px;padding:36px;background:linear-gradient(135deg,rgba(200,169,104,.22),#12110e 58%);border-bottom:1px solid rgba(200,169,104,.35)}.hibr-order-success-note span{color:var(--gold);font-size:.68rem;letter-spacing:.16em}.hibr-order-success-note h2{margin:12px 0 5px;font-size:2rem}.hibr-order-success-note p{margin:0;color:var(--muted)} @media(max-width:780px){.woocommerce-cart .main-content,.woocommerce-checkout .main-content{padding-block:22px 52px}.hibr-purchase-intro{margin-inline:16px;padding:18px}.hibr-purchase-steps{gap:7px;justify-content:space-between;font-size:.68rem}.hibr-purchase-steps span{gap:4px}.hibr-purchase-steps i{display:none}.woocommerce-cart-form{margin-inline:12px;padding:10px;overflow-x:auto}.woocommerce-cart-form table{min-width:620px}.cart-collaterals{display:block;margin:16px 12px}.cart-collaterals:before{display:block;margin-bottom:16px;font-size:1.65rem}.woocommerce-checkout form.checkout{display:flex;flex-direction:column;margin-inline:12px}.woocommerce-checkout .col2-set{width:100%;box-sizing:border-box;padding:18px;order:1}.woocommerce-checkout #order_review_heading{width:100%;box-sizing:border-box;order:2;margin:20px 0 0}.woocommerce-checkout #order_review{width:100%;box-sizing:border-box;order:3;padding:18px}.hibr-checkout-confidence{width:100%;box-sizing:border-box;order:4}.woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last{width:100%;float:none}.woocommerce-checkout-review-order-table{font-size:.78rem}.hibr-order-success-note{margin:-20px -20px 22px;padding:24px}.woocommerce-order{margin:16px;padding:20px}.hibr-order-success-note h2{font-size:1.65rem}} /* ========================================================= HIBR PRODUCT PAGE / PREMIUM BUYING EXPERIENCE ========================================================= */ .single-product .main-content{max-width:1240px;margin:auto;padding:50px 24px 90px}.single-product div.product{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(32px,6vw,84px);position:relative;align-items:start}.single-product div.product:before{content:'HIBR';position:absolute;z-index:-1;left:-3vw;top:-84px;font-size:clamp(9rem,21vw,21rem);font-weight:800;line-height:1;color:rgba(255,255,255,.018);letter-spacing:-.08em}.single-product .woocommerce-product-gallery{margin:0!important;position:sticky;top:30px;min-height:590px;border:1px solid var(--line);background:radial-gradient(circle at 50% 42%,#24231e 0,#11110f 47%,#070707 100%);overflow:hidden}.single-product .woocommerce-product-gallery:after{content:'اسحب للتكبير';position:absolute;bottom:16px;left:16px;color:var(--muted);font-size:.65rem;letter-spacing:.1em}.single-product .woocommerce-product-gallery__wrapper{height:100%}.single-product .woocommerce-product-gallery__image{height:100%;display:grid;place-items:center}.single-product .woocommerce-product-gallery__image img{width:100%;height:100%;max-height:660px;object-fit:contain!important;mix-blend-mode:normal}.single-product .hibr-product-kicker{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--gold);font-size:.63rem;font-weight:700;letter-spacing:.15em;padding-bottom:13px;border-bottom:1px solid rgba(200,169,104,.3)}.single-product .hibr-product-kicker b{padding:5px 8px;background:rgba(200,169,104,.11);font-size:.58rem}.single-product .summary{float:none!important;width:auto!important;margin:34px 0 0!important;grid-column:2;grid-row:1}.single-product .product_title{font-size:clamp(2.1rem,4vw,4.1rem)!important;line-height:1.04!important;margin:30px 0 14px!important;letter-spacing:-.06em}.single-product .price{color:var(--gold)!important;font-weight:800!important;font-size:1.35rem!important;margin:0 0 26px!important}.single-product .price:after{content:' شامل التجهيز الأساسي';display:block;margin-top:8px;color:var(--muted);font-size:.68rem;font-weight:400}.single-product form.cart{margin:0!important;padding:22px;border:1px solid rgba(200,169,104,.3);background:linear-gradient(145deg,#15140f,#0b0b0a)}.hibr-product-options{padding-bottom:19px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09)}.hibr-option-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;color:var(--fg);font-size:.8rem;font-weight:700}.hibr-option-head a,.hibr-option-head em{color:var(--gold);font-size:.67rem;font-style:normal;font-weight:500;text-decoration:none}.hibr-size-pills,.hibr-colour-pills{display:flex;gap:8px;flex-wrap:wrap}.hibr-size-pills label{cursor:pointer}.hibr-size-pills input{position:absolute;opacity:0;pointer-events:none}.hibr-size-pills span{display:grid;place-items:center;width:45px;height:42px;border:1px solid var(--line);background:#0a0a09;color:var(--fg);font-size:.75rem;font-weight:700;transition:.2s}.hibr-size-pills input:checked+span{border-color:var(--gold);background:var(--gold);color:#0a0a09}.hibr-size-pills input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.hibr-colour-pills{margin-bottom:2px}.hibr-colour-pills button{width:42px;height:42px;padding:5px;border:1px solid var(--line);background:#0a0a09;cursor:pointer}.hibr-colour-pills button i{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.hibr-colour-pills button.is-selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.single-product form.cart .quantity{float:none!important;display:inline-flex;vertical-align:middle;margin:0 8px 0 0!important}.single-product form.cart .quantity input{width:62px;min-height:54px;background:#090909;border:1px solid var(--line);color:var(--fg);text-align:center}.single-product form.cart .single_add_to_cart_button{float:none!important;min-height:54px;background:var(--gold)!important;color:#090909!important;border:1px solid var(--gold)!important;padding:0 26px!important;font-weight:800!important;font-size:.84rem!important;transition:.2s}.single-product form.cart .single_add_to_cart_button:hover{background:#e1c987!important;transform:translateY(-2px)}.single-product .product_meta{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09);color:var(--muted);font-size:.7rem}.single-product .product_meta a{color:var(--fg)}.hibr-product-service{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.hibr-product-service div{padding:12px 10px;border-top:1px solid rgba(200,169,104,.24);background:rgba(200,169,104,.045)}.hibr-product-service b{display:block;color:var(--fg);font-size:.68rem}.hibr-product-service span{display:block;margin-top:5px;color:var(--muted);font-size:.59rem;line-height:1.5}.single-product .woocommerce-tabs{grid-column:1/-1;margin-top:56px;padding-top:26px;border-top:1px solid var(--line)}.single-product .woocommerce-tabs ul.tabs{display:flex;gap:24px;padding:0;margin:0 0 22px;list-style:none}.single-product .woocommerce-tabs ul.tabs li{margin:0!important;padding:0!important;border:0!important;background:none!important}.single-product .woocommerce-tabs ul.tabs li a{color:var(--muted);font-size:.82rem}.single-product .woocommerce-tabs ul.tabs li.active a{color:var(--gold)}.single-product .woocommerce-Tabs-panel{max-width:720px;color:#c4c0b8;line-height:2;font-size:.9rem}.single-product .woocommerce-Tabs-panel h2{font-size:1.5rem;color:var(--fg)}.single-product .related{grid-column:1/-1;margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}.single-product .related>h2{font-size:1.6rem}.single-product .related ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0}.single-product .related ul.products li.product{width:auto!important;margin:0!important}.single-product .related .button{display:none!important} @media(max-width:780px){.single-product .main-content{padding:22px 14px 54px}.single-product div.product{display:flex;flex-direction:column;gap:0}.single-product .woocommerce-product-gallery{width:100%;min-height:390px;position:relative;top:auto;order:1}.single-product .hibr-product-kicker{width:100%;box-sizing:border-box;order:2;margin-top:16px}.single-product .summary{width:100%;order:3;margin:23px 0 0!important}.single-product .product_title{font-size:2.28rem!important;margin:20px 0 10px!important}.single-product form.cart{padding:16px}.hibr-product-service{grid-template-columns:1fr;margin-top:12px}.hibr-product-service div{padding:11px 2px}.single-product form.cart .quantity{margin-bottom:10px!important}.single-product form.cart .single_add_to_cart_button{width:calc(100% - 76px);padding:0 8px!important}.single-product .woocommerce-tabs{order:4;width:100%;margin-top:38px}.single-product .related{order:5;width:100%;margin-top:32px}.single-product .related ul.products{grid-template-columns:repeat(2,1fr);gap:12px}.single-product .woocommerce-tabs ul.tabs{gap:14px}.single-product .woocommerce-product-gallery:after{font-size:.56rem}.single-product .product_meta{font-size:.65rem}} /* Deliberate branded fallback when a Woo product has no uploaded image. */ .single-product .woocommerce-product-gallery:not(:has(img))::before{content:'حِبر';position:absolute;z-index:1;top:13%;left:50%;transform:translateX(-50%);width:44%;aspect-ratio:.78;display:grid;place-items:center;color:rgba(244,241,235,.87);font-size:clamp(2.1rem,5vw,4.5rem);font-weight:800;letter-spacing:-.12em;background:linear-gradient(135deg,#292925,#10100f 62%,#1e1d19);border:1px solid rgba(200,169,104,.35);box-shadow:0 32px 55px rgba(0,0,0,.55),inset 0 0 0 8px rgba(255,255,255,.018);clip-path:polygon(26% 0,39% 7%,61% 7%,74% 0,100% 20%,83% 42%,79% 100%,21% 100%,17% 42%,0 20%)}.single-product .woocommerce-product-gallery:not(:has(img))::after{content:'الصورة الأصلية تُضاف قريبًا';z-index:2;color:var(--gold);left:50%;transform:translateX(-50%);white-space:nowrap}.single-product .woocommerce-product-gallery:not(:has(img)) a{display:none} /* HIBR WhatsApp contact — customer initiated */ .hibr-whatsapp-button{display:flex!important;align-items:center;justify-content:center;gap:9px;min-height:48px;margin-top:14px;padding:12px 16px!important;border:1px solid rgba(200,169,104,.52)!important;background:rgba(200,169,104,.07)!important;color:var(--fg)!important;font-size:.78rem!important;font-weight:700!important;transition:.22s ease}.hibr-whatsapp-button span{display:inline-grid;place-items:center;min-width:53px;padding:4px 7px;border-radius:99px;background:#25D366;color:#06140a;font-size:.58rem;letter-spacing:.04em}.hibr-whatsapp-button:hover{transform:translateY(-2px);border-color:#25D366!important;background:rgba(37,211,102,.1)!important;color:#fff!important}.single-product .hibr-whatsapp-button{width:100%;box-sizing:border-box}.hibr-whatsapp-cart{margin-top:13px;text-align:center}.hibr-whatsapp-order{margin:28px 0 0;padding:24px;border:1px solid rgba(37,211,102,.32);background:linear-gradient(135deg,rgba(37,211,102,.1),rgba(17,17,15,.9) 62%)}.hibr-whatsapp-order>span{color:#63e294;font:600 .62rem Arial;letter-spacing:.17em}.hibr-whatsapp-order h3{margin:10px 0 6px;font-size:1.4rem}.hibr-whatsapp-order p{margin:0;color:var(--muted);line-height:1.8;font-size:.8rem}.hibr-whatsapp-order .hibr-whatsapp-button{margin-top:18px;width:max-content}@media(max-width:600px){.hibr-whatsapp-button{min-height:46px;font-size:.74rem}.hibr-whatsapp-order{padding:19px}.hibr-whatsapp-order .hibr-whatsapp-button{width:100%}} /* HIBR global floating WhatsApp — persistent, clear and mobile-safe */ .hibr-whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:10050;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:7px 17px 7px 8px;border:1px solid rgba(255,255,255,.22);border-radius:99px;background:rgba(9,12,9,.92);box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 0 4px rgba(37,211,102,.11);color:#fff!important;backdrop-filter:blur(12px);font-size:.78rem;font-weight:700;line-height:1;transition:transform .22s ease,box-shadow .22s ease}.hibr-whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.5),0 0 0 5px rgba(37,211,102,.22)}.hibr-whatsapp-float-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#25D366;color:#07170b;font:800 1.35rem/1 Arial;box-shadow:0 0 0 1px rgba(255,255,255,.22)}.hibr-whatsapp-float-label{padding-top:1px}@media(max-width:600px){.hibr-whatsapp-float{right:14px;bottom:14px;width:56px;height:56px;min-height:56px;padding:0;justify-content:center;border-radius:50%}.hibr-whatsapp-float-icon{width:44px;height:44px;font-size:1.5rem}.hibr-whatsapp-float-label{display:none}.admin-bar .hibr-whatsapp-float{bottom:14px}} .hibr-whatsapp-float-icon svg{display:block;width:22px;height:22px;fill:#07170b;filter:drop-shadow(0 1px 0 rgba(255,255,255,.25))}@media(max-width:600px){.hibr-whatsapp-float-icon svg{width:25px;height:25px}} /* HIBR floating Instagram — official profile, paired with WhatsApp. */ .hibr-instagram-float{position:fixed;right:25px;bottom:94px;z-index:10049;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(12,9,13,.94);box-shadow:0 13px 30px rgba(0,0,0,.32),0 0 0 3px rgba(214,86,156,.1);color:#fff!important;backdrop-filter:blur(12px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.hibr-instagram-float:hover{transform:translateY(-3px);border-color:#e166a4;box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 0 4px rgba(225,102,164,.16)}.hibr-instagram-float svg{width:21px;height:21px;fill:none;stroke:#f3d5e6;stroke-width:1.8}.hibr-instagram-float .hibr-instagram-dot{fill:#f3d5e6;stroke:none}@media(max-width:600px){.hibr-instagram-float{right:18px;bottom:80px;width:48px;height:48px}.hibr-instagram-float svg{width:22px;height:22px}} /* Homepage hero: remove the floating overlay mark so it cannot drift across the garment. */ .hibr-cinema-mark{display:none!important} /* Remove empty decorative sequence containers after the site-wide cleanup. */ .hibr-collection-no,.hibr-purchase-steps b,.hibr-about-v3-steps b,.hibr-about-v3-values article>b{display:none!important} /* Decorative background sequence is removed too. */ .manifest::before{content:none!important} /* HIBR shop category navigation — premium and mobile-safe. */ .hibr-shop-category-menu{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 28px;padding:16px 0;border-block:1px solid rgba(255,255,255,.09);direction:rtl}.hibr-shop-category-menu>span{flex:0 0 auto;color:var(--gold);font:600 .62rem Arial;letter-spacing:.16em}.hibr-shop-category-menu>div{display:flex;align-items:center;justify-content:flex-start;gap:9px;flex-wrap:wrap}.hibr-shop-category-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid var(--line);background:#0a0a09;color:rgba(255,255,255,.62);font-size:.78rem;font-weight:700;transition:.22s ease}.hibr-shop-category-link:hover{border-color:rgba(200,169,104,.72);color:var(--gold);transform:translateY(-1px)}.hibr-shop-category-link.is-active{border-color:var(--gold);background:var(--gold);color:#090909}@media(max-width:600px){.hibr-shop-category-menu{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px;padding-block:13px}.hibr-shop-category-menu>div{width:calc(100% + 28px);margin-inline:-14px;padding-inline:14px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hibr-shop-category-menu>div::-webkit-scrollbar{display:none}.hibr-shop-category-link{flex:0 0 auto;min-height:38px;padding-inline:14px;font-size:.74rem}} /* HIBR category pills — round, tactile, premium. */ .hibr-shop-category-menu>div{gap:12px} .hibr-shop-category-link{ position:relative; isolation:isolate; overflow:hidden; min-height:44px; padding:0 21px; border-radius:999px!important; border:1px solid rgba(200,169,104,.28); background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); color:rgba(255,255,255,.72); box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.18); transform:translateY(0) scale(1); transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .16s cubic-bezier(.2,.8,.2,1); } .hibr-shop-category-link::before{ content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:radial-gradient(circle at 50% 50%,rgba(255,229,165,.34),transparent 65%); opacity:0; transform:scale(.35); transition:opacity .24s ease,transform .32s ease; } .hibr-shop-category-link:hover{ color:#f4dfad; border-color:rgba(200,169,104,.78); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(200,169,104,.12); transform:translateY(-2px); } .hibr-shop-category-link:active{ transform:translateY(1px) scale(.94); box-shadow:inset 0 3px 9px rgba(0,0,0,.35),0 2px 10px rgba(200,169,104,.1); } .hibr-shop-category-link:active::before{opacity:1;transform:scale(1.15)} .hibr-shop-category-link.is-active{ border-color:#d7b86f!important; background:linear-gradient(135deg,#e0c17b,#b79249)!important; color:#080808!important; box-shadow:0 0 0 3px rgba(200,169,104,.1),0 11px 32px rgba(200,169,104,.2),inset 0 1px 0 rgba(255,255,255,.38); } .hibr-shop-category-link.is-active::after{ content:"✓"; display:inline-grid; place-items:center; width:18px; height:18px; margin-inline-start:8px; border-radius:50%; background:rgba(0,0,0,.14); font:800 11px/1 Arial; } .hibr-shop-category-link:focus-visible{outline:2px solid #f4dfad;outline-offset:4px} @media(max-width:600px){ .hibr-shop-category-menu>div{gap:9px} .hibr-shop-category-link{min-height:42px;padding-inline:17px;border-radius:999px!important} } @media(prefers-reduced-motion:reduce){.hibr-shop-category-link,.hibr-shop-category-link::before{transition:none}} /* HIBR SITE-WIDE ROUND SYSTEM — consistent premium interactions. */ .hibr-btn,.hibr-cinema-btn,.hibr-about-v3-actions>a,.hibr-collections-footer-cta a,.hibr-product-options button,.hibr-size-options button,.hibr-position-pad button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:999px!important;transition:transform .16s cubic-bezier(.2,.8,.2,1),background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important}.hibr-btn:active,.hibr-cinema-btn:active,.hibr-about-v3-actions>a:active,.hibr-collections-footer-cta a:active,.hibr-product-options button:active,.hibr-size-options button:active,.hibr-position-pad button:active,.woocommerce a.button:active,.woocommerce button.button:active,.woocommerce input.button:active{transform:translateY(1px) scale(.95)!important}.hibr-card,.hibr-collection-card,.hibr-about-v3-values article,.hibr-about-v3-steps li,.hibr-studio-panel,.hibr-preview-console,.hibr-studio-checkout-inner,.hibr-collections-custom-inner,.hibr-about-v3-cta-inner,.cta-box{border-radius:24px!important;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.hibr-card:hover,.hibr-collection-card:hover,.hibr-about-v3-values article:hover,.hibr-about-v3-steps li:hover{transform:translateY(-5px);border-color:rgba(200,169,104,.5)!important;box-shadow:0 20px 54px rgba(0,0,0,.3),0 0 0 1px rgba(200,169,104,.06)}.hibr-card:active,.hibr-collection-card:active{transform:translateY(-1px) scale(.985)}.hibr-feature{border-radius:18px;transition:transform .2s ease,background .22s ease,border-color .22s ease}.hibr-feature:hover{transform:translateY(-3px);background:rgba(200,169,104,.05)}.hibr-about-v3-seal,.hibr-feature-icon,.hibr-upload-icon,.hibr-color-options button{border-radius:50%!important}.hibr-upload-zone{border-radius:22px}.hibr-text-design input{border-radius:999px;padding-inline:18px}.single-product form.cart,.cart-collaterals .cart_totals,.woocommerce-checkout .col2-set,.woocommerce-checkout #order_review,.hibr-purchase-intro,.hibr-whatsapp-order{border-radius:22px;overflow:hidden}@media(max-width:600px){.hibr-card,.hibr-collection-card,.hibr-about-v3-values article,.hibr-about-v3-steps li,.hibr-studio-panel,.hibr-preview-console,.hibr-studio-checkout-inner,.hibr-collections-custom-inner,.hibr-about-v3-cta-inner,.cta-box{border-radius:18px!important}.hibr-feature{border-radius:14px}.hibr-upload-zone{border-radius:17px}.single-product form.cart,.cart-collaterals .cart_totals,.woocommerce-checkout .col2-set,.woocommerce-checkout #order_review,.hibr-purchase-intro,.hibr-whatsapp-order{border-radius:17px}}@media(prefers-reduced-motion:reduce){.hibr-btn,.hibr-cinema-btn,.hibr-card,.hibr-collection-card,.hibr-about-v3-values article,.hibr-about-v3-steps li,.hibr-feature{transition:none!important}} /* HIBR PRODUCT BUY PANEL V2 — universal premium product experience. */ .single-product .main-content{width:min(100%,1320px);padding:clamp(26px,4vw,64px) clamp(14px,3vw,30px) clamp(60px,8vw,110px)} .single-product div.product{grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);gap:clamp(30px,5vw,72px)} .single-product .woocommerce-product-gallery{min-height:620px;border-radius:28px;border-color:rgba(200,169,104,.22);box-shadow:0 28px 80px rgba(0,0,0,.36);background:radial-gradient(circle at 50% 38%,#282721 0,#131310 48%,#080808 100%)} .single-product .hibr-product-kicker{position:relative;z-index:3;margin-inline:22px;padding:14px 4px 13px} .single-product .summary{padding:26px 0 0!important} .single-product .product_title{max-width:620px;margin:18px 0 13px!important;font-size:clamp(2.65rem,4.6vw,4.8rem)!important;line-height:.98!important} .single-product .price{display:flex;align-items:baseline;gap:8px;margin-bottom:24px!important;font-size:1.45rem!important} .single-product .price:after{margin:0!important;font-size:.64rem!important} .single-product form.cart{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;padding:28px!important;border:1px solid rgba(200,169,104,.38)!important;border-radius:28px!important;background:radial-gradient(circle at 100% 0,rgba(200,169,104,.09),transparent 34%),linear-gradient(145deg,#15140f,#0a0a09)!important;box-shadow:0 24px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035)} .single-product form.cart .hibr-product-options{grid-column:1/-1;margin:0 0 6px;padding:0 0 22px} .single-product .hibr-option-head{margin:0 0 12px;font-size:.83rem} .single-product .hibr-option-head:not(:first-child){margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)} .single-product .hibr-option-head a{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(200,169,104,.3);border-radius:999px;background:rgba(200,169,104,.045)} .single-product .hibr-size-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px} .single-product .hibr-size-pills label{min-width:0} .single-product .hibr-size-pills span{width:100%;height:48px;border-radius:14px;border-color:rgba(255,255,255,.13);background:rgba(0,0,0,.3);font-size:.78rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .15s ease,border-color .2s ease,background .2s ease,color .2s ease} .single-product .hibr-size-pills label:active span{transform:scale(.94)} .single-product .hibr-size-pills input:checked+span{border-color:#d7b86f;background:linear-gradient(135deg,#e0c17b,#b79249);color:#080808;box-shadow:0 8px 24px rgba(200,169,104,.18)} .single-product .hibr-colour-pills{display:flex!important;align-items:center;gap:12px;margin:0!important} .single-product .hibr-product-options .hibr-colour-pills button{display:block!important;flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:5px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:50%!important;background:#0a0a09!important;box-shadow:none!important;transform:none!important} .single-product .hibr-product-options .hibr-colour-pills button i{display:block!important;width:100%!important;height:100%!important;border-radius:50%!important} .single-product .hibr-product-options .hibr-colour-pills button:hover{border-color:var(--gold)!important;transform:translateY(-2px)!important} .single-product .hibr-product-options .hibr-colour-pills button.is-selected{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(200,169,104,.16)!important} .single-product form.cart .quantity{display:block!important;width:88px;margin:0!important} .single-product form.cart .quantity input{width:100%!important;height:56px;min-height:56px;border-radius:999px!important;border-color:rgba(255,255,255,.15);font-size:1rem;font-weight:800} .single-product form.cart .single_add_to_cart_button{width:100%!important;min-height:56px!important;margin:0!important;border-radius:999px!important;background:linear-gradient(135deg,#e0c17b,#b79249)!important;box-shadow:0 12px 30px rgba(200,169,104,.18);font-size:.9rem!important} .single-product form.cart .single_add_to_cart_button:active{transform:translateY(1px) scale(.97)!important} .single-product .hibr-product-service{gap:10px;margin-top:16px} .single-product .hibr-product-service div{min-height:88px;padding:16px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(200,169,104,.028))} .single-product .hibr-product-service b{font-size:.72rem}.single-product .hibr-product-service span{font-size:.61rem;line-height:1.65} .single-product .hibr-whatsapp-button{min-height:52px;border-radius:999px!important} .single-product .product_meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding-top:18px} .single-product .product_meta a{padding:6px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.025)} .single-product .woocommerce-tabs{border-top-color:rgba(200,169,104,.25)} .single-product .woocommerce-tabs ul.tabs li a{display:block;padding:9px 16px!important;border-radius:999px;background:rgba(255,255,255,.025)} .single-product .woocommerce-tabs ul.tabs li.active a{background:rgba(200,169,104,.12)} @media(max-width:900px){.single-product div.product{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:28px}.single-product form.cart{padding:22px!important}} @media(max-width:780px){ .single-product .main-content{padding:18px 14px 58px} .single-product .woocommerce-product-gallery{min-height:390px;border-radius:22px} .single-product .hibr-product-kicker{margin:15px 0 0;padding:12px 2px} .single-product .summary{padding-top:4px!important} .single-product .product_title{margin-top:14px!important;font-size:clamp(2.25rem,11vw,3.15rem)!important} .single-product .price{display:block;font-size:1.25rem!important} .single-product .price:after{margin-top:7px!important} .single-product form.cart{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:18px!important;border-radius:22px!important} .single-product .hibr-size-pills{gap:7px} .single-product .hibr-size-pills span{height:44px;border-radius:12px;font-size:.7rem} .single-product .hibr-product-options .hibr-colour-pills button{flex-basis:44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important} .single-product form.cart .quantity{width:76px} .single-product form.cart .quantity input,.single-product form.cart .single_add_to_cart_button{height:54px;min-height:54px!important} .single-product .hibr-product-service{grid-template-columns:1fr;gap:8px} .single-product .hibr-product-service div{min-height:auto;padding:13px 14px;border-radius:14px} .single-product .woocommerce-tabs ul.tabs{gap:8px;overflow-x:auto;white-space:nowrap} } /* HIBR product size guide. */ .hibr-product-size-guide{ scroll-margin-top:110px; margin-top:18px; padding:22px; border:1px solid rgba(200,169,104,.34); border-radius:22px; background:radial-gradient(circle at 100% 0,rgba(200,169,104,.1),transparent 38%),linear-gradient(145deg,#15140f,#0a0a09); box-shadow:0 18px 48px rgba(0,0,0,.22); } .hibr-product-size-guide>header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.09)} .hibr-product-size-guide>header span{color:#c8a968;font:700 .55rem Arial;letter-spacing:.2em} .hibr-product-size-guide>header h2{margin:7px 0 0;font-size:1.45rem;line-height:1.1} .hibr-product-size-guide>header p{max-width:300px;margin:0;color:#aaa69d;font-size:.68rem;line-height:1.7} .hibr-size-measurement{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding-top:18px} .hibr-size-sketch{display:grid;place-items:center;min-height:220px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.025)} .hibr-size-sketch svg{width:128px;max-width:90%;overflow:visible} .hibr-size-sketch path{fill:none;stroke:#77746c;stroke-width:2} .hibr-size-sketch .measure{stroke:#d9b96e;stroke-width:1.5} .hibr-size-sketch text{fill:#d9b96e;font:8px Alexandria,sans-serif;text-anchor:middle} .hibr-size-table-wrap{min-width:0} .hibr-product-size-guide table{width:100%;border-collapse:collapse;text-align:center} .hibr-product-size-guide th,.hibr-product-size-guide td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem} .hibr-product-size-guide thead th{color:#8f8b82;font-size:.6rem;font-weight:600} .hibr-product-size-guide tbody th{color:#e0c17b;font:800 .72rem Arial} .hibr-product-size-guide tbody td{color:#f0ede6} .hibr-size-tips{display:grid;gap:5px;margin-top:14px} .hibr-size-tips p{margin:0;color:#8f8b82;font-size:.6rem;line-height:1.6} .hibr-size-tips b{color:#d6d1c7} .hibr-product-size-guide>small{display:block;margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);color:#77736b;font-size:.56rem;line-height:1.7} @media(max-width:600px){ .hibr-product-size-guide{scroll-margin-top:86px;padding:17px;border-radius:17px} .hibr-product-size-guide>header{display:block} .hibr-product-size-guide>header h2{font-size:1.25rem} .hibr-product-size-guide>header p{margin-top:9px} .hibr-size-measurement{grid-template-columns:1fr;gap:13px} .hibr-size-sketch{min-height:165px} .hibr-size-sketch svg{width:105px} .hibr-product-size-guide th,.hibr-product-size-guide td{padding:9px 5px;font-size:.68rem} } @media(max-width:380px){.single-product .hibr-size-pills{grid-template-columns:repeat(3,1fr)}.single-product form.cart{grid-template-columns:68px minmax(0,1fr);padding:15px!important}.single-product form.cart .quantity{width:68px}.single-product form.cart .single_add_to_cart_button{font-size:.78rem!important}} /* Product options must not inherit the 4-column Designer Lab tool grid. */ .single-product form.cart .hibr-product-options{display:block!important;width:100%!important} .single-product .hibr-size-pills{width:100%!important} /* HIBR WOOCOMMERCE NOTICES V2 — premium feedback banners. */ .woocommerce-notices-wrapper{position:relative;z-index:12;width:min(100%,1240px);margin:0 auto 22px;padding:0} .woocommerce-message,.woocommerce-info,.woocommerce-error{ position:relative; display:flex; align-items:center; gap:14px; width:100%; min-height:74px; margin:0 0 14px!important; padding:15px 18px!important; overflow:hidden; border:1px solid rgba(200,169,104,.35)!important; border-top:1px solid rgba(200,169,104,.62)!important; border-radius:18px!important; background:radial-gradient(circle at 100% 0,rgba(200,169,104,.13),transparent 32%),linear-gradient(135deg,#171610,#0c0c0b 68%)!important; color:#f4f1eb!important; box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035); direction:rtl; font-size:.86rem; line-height:1.75; } .woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{ position:static!important; inset:auto!important; display:grid; place-items:center; flex:0 0 38px; width:38px; height:38px; margin:0!important; border-radius:50%; background:linear-gradient(135deg,#e0c17b,#b79249); color:#090909!important; box-shadow:0 0 0 4px rgba(200,169,104,.09); font:900 18px/1 Arial!important; } .woocommerce-message::before{content:"✓"!important} .woocommerce-info::before{content:"i"!important} .woocommerce-error::before{content:"!"!important;background:linear-gradient(135deg,#f1a099,#a83d35)!important;color:#fff!important;box-shadow:0 0 0 4px rgba(208,72,62,.1)} .woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{ order:3; flex:0 0 auto; min-height:42px!important; margin:0 0 0 auto!important; padding:0 18px!important; border:1px solid #d7b86f!important; border-radius:999px!important; background:linear-gradient(135deg,#e0c17b,#b79249)!important; color:#090909!important; font-size:.74rem!important; font-weight:800!important; white-space:nowrap; box-shadow:0 8px 22px rgba(200,169,104,.16); } .woocommerce-message .button:hover,.woocommerce-info .button:hover,.woocommerce-error .button:hover{transform:translateY(-2px);filter:brightness(1.08)} .woocommerce-message a:not(.button),.woocommerce-info a:not(.button),.woocommerce-error a:not(.button){color:#e0c17b!important;text-decoration:underline;text-underline-offset:4px} @media(max-width:780px){ .woocommerce-notices-wrapper{margin-bottom:16px;padding-inline:12px} .woocommerce-message,.woocommerce-info,.woocommerce-error{flex-wrap:wrap;gap:11px;min-height:0;padding:14px!important;border-radius:15px!important;font-size:.78rem;line-height:1.65} .woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{flex-basis:32px;width:32px;height:32px;font-size:15px!important} .woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{order:4;width:100%;min-height:44px!important;margin:3px 0 0!important;text-align:center} } /* HIBR MOBILE CART — always visible in header */ @media (max-width:780px){ .hibr-header-inner{display:flex!important;align-items:center!important;gap:10px!important} .hibr-header-actions{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:0!important;margin-inline-start:auto!important;position:relative!important;z-index:120!important} .hibr-header-actions .hibr-btn{display:none!important} .hibr-cart{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;position:relative!important;flex:0 0 46px!important;width:46px!important;height:46px!important;margin:0!important;padding:0!important;border:1px solid rgba(200,169,104,.42)!important;border-radius:50%!important;background:rgba(9,9,8,.82)!important;color:#f4f1eb!important;font-size:0!important;box-shadow:0 8px 24px rgba(0,0,0,.24)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .hibr-cart:before{content:""!important;display:block!important;width:18px!important;height:16px!important;border:1.7px solid #e0c17b!important;border-radius:4px!important;box-sizing:border-box!important;transform:translateY(2px)!important} .hibr-cart:after{content:""!important;position:absolute!important;top:10px!important;left:50%!important;width:8px!important;height:6px!important;border:1.7px solid #e0c17b!important;border-bottom:0!important;border-radius:7px 7px 0 0!important;transform:translateX(-50%)!important;box-sizing:border-box!important} .hibr-cart>span{position:absolute!important;inset:2px 2px auto auto!important;display:grid!important;place-items:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border:2px solid #090908!important;border-radius:999px!important;background:#e0c17b!important;color:#090908!important;font:800 9px/1 Arial!important;letter-spacing:0!important} } /* HIBR MOBILE CART ICON — refined bag symbol */ @media (max-width:780px){ .hibr-cart{width:48px!important;height:48px!important;flex-basis:48px!important;border-color:rgba(224,193,123,.55)!important;background:linear-gradient(145deg,rgba(24,23,19,.96),rgba(7,7,6,.96))!important;box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06)!important} .hibr-cart:before{content:""!important;width:23px!important;height:23px!important;border:0!important;border-radius:0!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0c17b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.8 8.5h12.4l1 11H4.8l1-11Z'/%3E%3Cpath d='M9 9V6.8a3 3 0 0 1 6 0V9'/%3E%3Cpath d='M8.2 12.5h.01M15.8 12.5h.01'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;transform:none!important} .hibr-cart:after{display:none!important;content:none!important} .hibr-cart>span{inset:0 0 auto auto!important;min-width:18px!important;height:18px!important;background:#d8b661!important;border-color:#0a0a08!important;font-size:9px!important;box-shadow:0 3px 10px rgba(0,0,0,.3)!important} .hibr-cart:active{transform:scale(.94)!important} } /* HIBR MOBILE HEADER + CART POLISH */ @media (max-width:780px){ .hibr-header{border-bottom-color:rgba(224,193,123,.16)!important;background:rgba(8,8,7,.88)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important} .home .hibr-header{background:linear-gradient(180deg,rgba(6,6,5,.9),rgba(6,6,5,.28))!important} .hibr-header-inner{min-height:72px!important;padding-inline:14px!important;gap:10px!important} .hibr-brand{margin:0!important;gap:6px!important} .hibr-brand-ar{font-size:1.45rem!important;line-height:1!important} .hibr-brand-en{display:none!important} .hibr-menu-toggle{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:50%!important;background:rgba(255,255,255,.035)!important;color:#f4f1eb!important;font-size:20px!important;line-height:1!important} .hibr-menu-toggle:active{transform:scale(.94)!important} .hibr-cart{margin-inline-start:2px!important} .hibr-drawer-head{min-height:100px!important;padding:20px 19px!important} .hibr-drawer-head h2{font-size:1.8rem!important} .hibr-drawer-status{padding:12px 19px!important} .hibr-drawer-content{padding:14px!important} .hibr-drawer-content li{border-color:rgba(224,193,123,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important} .hibr-drawer-foot{padding:14px 19px calc(14px + env(safe-area-inset-bottom))!important} } /* ========================================================= HIBR HERO — FINAL POLISH V1 Desktop + Tablet + Mobile ========================================================= */ /* ---------- DESKTOP ---------- */ @media screen and (min-width: 961px){ .hibr-hero{ min-height: 100svh !important; } /* نحرك المشهد شمال شوية عشان الهودي ميدخلش على الكلام */ .hibr-hero-art img{ transform: translateX(-7%) scale(1.07) !important; transform-origin: center center !important; object-fit: cover !important; object-position: center center !important; } /* تعتيم ناحية النص فقط */ .hibr-hero-shade{ background: linear-gradient( 90deg, rgba(0,0,0,.00) 0%, rgba(0,0,0,.02) 38%, rgba(0,0,0,.20) 52%, rgba(0,0,0,.72) 69%, rgba(0,0,0,.94) 100% ) !important; } .hibr-hero-inner{ min-height: 100svh !important; grid-template-columns: minmax(0,1.18fr) minmax(420px,.82fr) !important; gap: 28px !important; padding-top: 105px !important; padding-bottom: 58px !important; } .hibr-hero-copy{ width: min(100%,550px) !important; max-width: 550px !important; justify-self: end !important; margin: 0 !important; transform: translateY(4px) !important; } .hibr-hero-meta{ margin: 0 !important; font-size: .54rem !important; letter-spacing: .24em !important; } .hibr-hero-eyebrow{ margin-top: 18px !important; font-size: .64rem !important; } .hibr-hero-title{ margin-top: 17px !important; font-size: clamp( 3.5rem, 4.7vw, 5.65rem ) !important; line-height: .94 !important; } .hibr-hero-desc{ margin-top: 23px !important; font-size: .94rem !important; line-height: 1.9 !important; color: rgba(255,255,255,.64) !important; } .hibr-hero-actions{ margin-top: 25px !important; gap: 12px !important; } .hibr-hero-btn{ min-height: 52px !important; padding-inline: 28px !important; } .hibr-hero-details{ margin-top: 30px !important; padding-top: 17px !important; gap: 25px !important; } } /* ---------- TABLET / HIGH ZOOM ---------- */ @media screen and (min-width: 761px) and (max-width: 960px){ .hibr-hero-art{ height: 64svh !important; } .hibr-hero-art img{ transform: translateX(-8%) scale(1.08) !important; transform-origin: center center !important; } .hibr-hero-shade{ background: linear-gradient( 180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.05) 38%, rgba(0,0,0,.56) 58%, #030303 82%, #030303 100% ) !important; } .hibr-hero-inner{ min-height: 100svh !important; padding-top: 56svh !important; padding-bottom: 48px !important; } .hibr-hero-copy{ max-width: 620px !important; } .hibr-hero-title{ font-size: clamp(3rem,8vw,4.5rem) !important; } } /* ---------- MOBILE ---------- */ @media screen and (max-width: 760px){ .hibr-hero{ min-height: 100svh !important; overflow: hidden !important; } /* الصورة تاخد الجزء العلوي من الشاشة */ .hibr-hero-art{ height:48svh !important; } .hibr-hero-art img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:42% center !important; transform: translateX(-3%) scale(1.03) !important; transform-origin:center center !important; } /* تدرج من الصورة للنص */ .hibr-hero-shade{ background: linear-gradient( 180deg, rgba(0,0,0,.00) 0%, rgba(0,0,0,.05) 38%, rgba(0,0,0,.60) 56%, #030303 73%, #030303 100% ) !important; } .hibr-hero-inner{ min-height: 100svh !important; display: flex !important; align-items: flex-end !important; padding-top:44svh !important; padding-bottom:24px !important; } .hibr-hero-copy{ width: 100% !important; max-width: none !important; margin: 0 !important; transform: none !important; } .hibr-hero-meta{ font-size: .42rem !important; gap: 9px !important; } .hibr-hero-meta i{ width: 30px !important; } .hibr-hero-eyebrow{ margin-top: 11px !important; font-size: .49rem !important; } .hibr-hero-title{ margin-top:8px !important; font-size:clamp(1.95rem,8.3vw,2.45rem) !important; line-height:1 !important; letter-spacing:-.03em !important; } .hibr-hero-desc{ margin-top:11px !important; font-size:.76rem !important; line-height:1.6 !important; } .hibr-hero-actions{ display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; margin-top: 18px !important; } .hibr-hero-btn{ width: 100% !important; min-height: 47px !important; } .hibr-hero-details, .hibr-hero-location, .hibr-hero-est{ display: none !important; } } /* ========================================================= HIBR HERO — COMPOSITION TUNE V2 Desktop + Mobile ========================================================= */ @media screen and (min-width: 961px){ /* الصورة أصغر وناحية الشمال */ .hibr-hero-art img{ transform: translateX(-11%) scale(.96) !important; transform-origin: center center !important; object-fit: cover !important; object-position: center center !important; } /* مساحة سودا أنظف خلف النص */ .hibr-hero-shade{ background: linear-gradient( 90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.03) 42%, rgba(0,0,0,.34) 56%, rgba(0,0,0,.78) 72%, #030303 100% ) !important; } .hibr-hero-inner{ grid-template-columns: minmax(0,1.25fr) minmax(410px,.75fr) !important; gap: 36px !important; } .hibr-hero-copy{ width: min(100%,520px) !important; max-width: 520px !important; transform: translateY(0) !important; } .hibr-hero-title{ font-size: clamp(3.4rem,4.45vw,5.3rem) !important; line-height: .95 !important; } .hibr-hero-desc{ max-width: 440px !important; } } /* MOBILE */ @media screen and (max-width: 760px){ .hibr-hero-art{ height: 52svh !important; } .hibr-hero-art img{ object-fit: cover !important; object-position: 48% center !important; transform: translateX(-8%) scale(1.03) !important; } .hibr-hero-inner{ padding-top: 48svh !important; } .hibr-hero-title{ font-size: clamp(2.4rem,10.5vw,3.3rem) !important; } } /* HIBR FOOTER V2 */ .hibr-footer{padding:64px 0 22px!important;background:linear-gradient(145deg,#0b0b09,#060606)!important;border-top:1px solid rgba(200,169,104,.28)!important}.hibr-footer-cta{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:40px;margin-bottom:72px;border:1px solid rgba(200,169,104,.35);border-radius:28px;background:linear-gradient(120deg,rgba(200,169,104,.14),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.hibr-footer-cta h2{margin:0;color:#f7f4ed;font-size:clamp(2rem,4vw,4.4rem);font-weight:800;line-height:1}.hibr-footer-cta p{max-width:460px;color:#b9b4aa;line-height:1.8}.hibr-footer-kicker,.hibr-footer-label{color:#d5b76c!important;font-size:.58rem!important;letter-spacing:.23em!important}.hibr-footer-cta-actions{display:flex;flex-wrap:wrap;gap:10px}.hibr-footer-cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-size:.8rem;font-weight:800;text-decoration:none}.hibr-footer-cta-primary{background:#dfc275;color:#0b0a08!important}.hibr-footer-cta-secondary{border:1px solid rgba(255,255,255,.2);color:#f7f4ed!important}.hibr-footer-main{grid-template-columns:minmax(260px,1.25fr) minmax(0,1.45fr)!important;gap:90px!important;padding-bottom:58px!important}.hibr-footer-logo span,.hibr-footer-tagline{color:#f7f4ed!important}.hibr-footer-logo span{font-size:clamp(3.2rem,5vw,5.5rem)!important}.hibr-footer-description{color:#9d9a92!important}.hibr-footer-nav{grid-template-columns:repeat(3,1fr)!important;gap:42px!important}.hibr-footer-column{position:relative;padding-top:14px}.hibr-footer-column:before{content:'';position:absolute;top:0;right:0;width:31px;height:1px;background:#d5b76c}.hibr-footer-link{color:#c7c4bb!important}.hibr-footer-trust{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.hibr-footer-trust>div{display:flex;gap:13px;padding:21px 20px;border-inline-start:1px solid rgba(255,255,255,.08)}.hibr-footer-trust span{color:#d5b76c}.hibr-footer-trust b{color:#ece9e2}.hibr-footer-trust small,.hibr-footer-bottom{color:#88857d}.hibr-footer-bottom{display:flex!important;justify-content:space-between;padding-top:20px!important}.hibr-footer-bottom a{color:#d5b76c!important}@media(max-width:780px){.hibr-footer{padding-top:25px!important}.hibr-footer-cta{display:grid;padding:25px 20px;margin-bottom:42px}.hibr-footer-cta-actions{width:100%}.hibr-footer-cta-actions a{flex:1}.hibr-footer-main{grid-template-columns:1fr!important;gap:38px!important}.hibr-footer-nav{gap:24px!important}.hibr-footer-trust{grid-template-columns:1fr}.hibr-footer-trust>div{border-inline-start:0;padding:15px 0}.hibr-footer-bottom{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}} /* Compact footer refinement */ .hibr-footer{padding:30px 0 14px!important}.hibr-footer-cta{padding:24px 30px!important;margin-bottom:34px!important;border-radius:20px!important}.hibr-footer-cta h2{font-size:clamp(1.75rem,3vw,2.75rem)!important}.hibr-footer-cta p{margin:8px 0 0!important;font-size:.8rem!important}.hibr-footer-cta-actions a{min-height:43px!important;padding:0 17px!important}.hibr-footer-main{gap:46px!important;padding-bottom:28px!important;min-height:0!important}.hibr-footer-brand{max-width:350px!important}.hibr-footer-logo{margin-top:7px!important}.hibr-footer-logo span{font-size:clamp(2.5rem,4vw,3.8rem)!important}.hibr-footer-tagline{margin-top:10px!important;font-size:1.25rem!important}.hibr-footer-description{margin-top:6px!important;line-height:1.55!important}.hibr-footer-column{padding-top:9px!important}.hibr-footer-label{margin:0 0 11px!important}.hibr-footer-link{margin-bottom:8px!important;font-size:.77rem!important}.hibr-footer-trust>div{padding:13px 16px!important}.hibr-footer-trust p{gap:2px!important}.hibr-footer-trust b{font-size:.72rem!important}.hibr-footer-bottom{padding-top:13px!important}@media(max-width:780px){.hibr-footer{padding:18px 0 12px!important}.hibr-footer-cta{padding:19px 18px!important;margin-bottom:28px!important}.hibr-footer-main{gap:27px!important;padding-bottom:22px!important}.hibr-footer-nav{gap:18px!important}.hibr-footer-trust>div{padding:11px 0!important}.hibr-footer-bottom{padding-top:11px!important}} /* HIBR Designer — premium studio polish */ .hibr-studio-intro{padding:clamp(46px,7vw,92px) 0 34px!important;background:radial-gradient(55% 100% at 85% 0,rgba(205,174,96,.18),transparent 64%),#090909!important;border-bottom:1px solid rgba(214,183,103,.2)}.hibr-studio-intro .hibr-container{max-width:1240px!important}.hibr-studio-eyebrow{color:#d9b96e!important;letter-spacing:.22em;font-size:.65rem;font-weight:800}.hibr-studio-intro h1{max-width:720px;margin:12px 0!important;color:#f7f4ed!important;font-size:clamp(2.4rem,6vw,5.9rem)!important;line-height:.94!important;letter-spacing:-.06em}.hibr-studio-intro p{max-width:560px!important;color:#aaa69d!important;font-size:1rem!important;line-height:1.9!important}.hibr-studio{max-width:1240px!important;gap:26px!important;padding:clamp(28px,4vw,54px) 0 76px!important}.hibr-studio-panel{border:1px solid rgba(255,255,255,.1)!important;border-radius:22px!important;background:linear-gradient(145deg,#171716,#0e0e0d)!important;box-shadow:0 18px 48px rgba(0,0,0,.24)}.hibr-studio-panel-head{padding:20px 22px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}.hibr-studio-panel-head h2,.hibr-studio-panel-head h3{color:#f2efe8!important;font-size:1rem!important}.hibr-studio-tool{margin:14px!important;padding:17px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important}.hibr-studio-tool h3,.hibr-studio-tool h4{color:#e8c977!important;font-size:.72rem!important;letter-spacing:.12em}.hibr-studio-product-options button,.hibr-studio button{border-radius:12px!important;border:1px solid rgba(255,255,255,.16)!important;background:#1b1b19!important;color:#eeeae1!important;transition:transform .18s ease,border-color .18s ease,background .18s ease}.hibr-studio-product-options button:hover,.hibr-studio button:hover{border-color:#dfc275!important;transform:translateY(-2px)}.hibr-studio-product-options button.is-active,.hibr-studio button.is-active,.hibr-studio .is-selected{background:linear-gradient(135deg,#e1c474,#b88d3e)!important;color:#090807!important;border-color:#e1c474!important}.hibr-studio-canvas,.hibr-studio-preview{border-radius:24px!important;border:1px solid rgba(222,192,112,.24)!important;background:radial-gradient(circle at 50% 35%,#292824,#10100f 65%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 24px 65px rgba(0,0,0,.28)}.hibr-studio-action,.hibr-studio-submit,.hibr-studio-add-to-cart{background:linear-gradient(135deg,#e1c474,#b98e3f)!important;color:#090807!important;border:0!important;border-radius:999px!important;font-weight:900!important;min-height:54px!important;box-shadow:0 12px 26px rgba(206,169,82,.18)}.hibr-studio-action:hover,.hibr-studio-submit:hover,.hibr-studio-add-to-cart:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(206,169,82,.3)!important}.hibr-studio input,.hibr-studio select,.hibr-studio textarea{background:#10100f!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;color:#f0eee9!important}.hibr-studio input:focus,.hibr-studio select:focus,.hibr-studio textarea:focus{border-color:#dfc275!important;box-shadow:0 0 0 3px rgba(223,194,117,.12)!important;outline:0}.hibr-studio-note,.hibr-studio-help{color:#9b978e!important;font-size:.78rem!important}@media(max-width:780px){.hibr-studio-intro{padding:42px 0 27px!important}.hibr-studio-intro h1{font-size:clamp(2.5rem,13vw,4rem)!important}.hibr-studio{padding:24px 0 52px!important;gap:18px!important}.hibr-studio-panel{border-radius:17px!important}.hibr-studio-tool{margin:10px!important;padding:14px!important}.hibr-studio-canvas,.hibr-studio-preview{border-radius:18px!important}} #hibr-preview-stage{ position: relative; touch-action: none; cursor: grab; } #hibr-preview-stage.is-dragging{ cursor: grabbing; } #hibr-design-layer{ pointer-events: auto !important; touch-action: none !important; cursor: grab; transition: none !important; will-change: transform; user-select: none; } #hibr-design-layer.is-dragging{ cursor: grabbing; } #hibr-design-preview{ pointer-events: none; user-select: none; -webkit-user-drag: none; } /* HIBR DESIGNER - MOBILE IMAGE & TOUCH FIX */ #hibr-design-layer{ display: block; visibility: visible; opacity: 1; pointer-events: auto; touch-action: none; cursor: grab; transition: none !important; will-change: transform; user-select: none; -webkit-user-select: none; } #hibr-design-layer.is-dragging{ cursor: grabbing; } #hibr-design-preview{ display: none; visibility: visible; opacity: 1; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; pointer-events: none; user-select: none; -webkit-user-select: none; -webkit-user-drag: none; } @media (max-width: 768px){ #hibr-preview-stage{ touch-action: none; overflow: hidden; } #hibr-design-layer{ touch-action: none !important; } } /* HIBR DESIGNER - UPLOAD FIX */ .hibr-upload-zone{ position: relative; overflow: hidden; cursor: pointer; touch-action: manipulation; } .hibr-upload-zone input[type="file"]{ position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 10; display: block; } .hibr-upload-zone span, .hibr-upload-zone strong, .hibr-upload-zone small{ position: relative; z-index: 1; pointer-events: none; } @media (max-width: 768px){ .hibr-upload-zone{ min-height: 110px; -webkit-tap-highlight-color: transparent; } .hibr-upload-zone input[type="file"]{ min-height: 110px; } } /* HIBR DESIGNER - UPLOAD ACTIONS */ .hibr-upload-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; } .hibr-mini-btn{ appearance:none; border:1px solid rgba(255,255,255,.14); background:#151515; color:#f5f2ec; border-radius:12px; min-height:44px; padding:0 16px; font:inherit; font-weight:600; cursor:pointer; transition:.2s ease; } .hibr-mini-btn:hover{ transform:translateY(-1px); border-color:rgba(212,174,98,.55); color:#d4ae62; } .hibr-mini-btn-alt{ background:transparent; } @media (max-width:768px){ .hibr-upload-actions{ display:grid; grid-template-columns:1fr 1fr; } .hibr-mini-btn{ width:100%; min-height:46px; } } /* ========================================================= HIBR SHOP WORLD — persistent catalogue background ========================================================= */ body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag{ background-color:#050505 !important; background-image: linear-gradient(180deg,rgba(2,2,2,.56),rgba(2,2,2,.78)), url('assets/hibr-shop-world-desktop.jpg') !important; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; background-attachment:fixed !important; } body.post-type-archive-product #main-content, body.post-type-archive-product main, body.post-type-archive-product .site-main, body.post-type-archive-product .hibr-page-hero, body.post-type-archive-product .hibr-content, body.post-type-archive-product .hibr-section, body.tax-product_cat #main-content, body.tax-product_cat main, body.tax-product_cat .site-main, body.tax-product_cat .hibr-page-hero, body.tax-product_cat .hibr-content, body.tax-product_cat .hibr-section, body.tax-product_tag #main-content, body.tax-product_tag main, body.tax-product_tag .site-main, body.tax-product_tag .hibr-page-hero, body.tax-product_tag .hibr-content, body.tax-product_tag .hibr-section{ background:transparent !important; } body.post-type-archive-product .hibr-page-hero, body.tax-product_cat .hibr-page-hero, body.tax-product_tag .hibr-page-hero{ background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.64)) !important; backdrop-filter:blur(1px); } body.post-type-archive-product .hibr-shop-category-menu, body.tax-product_cat .hibr-shop-category-menu, body.tax-product_tag .hibr-shop-category-menu{ padding:16px 18px !important; border:1px solid rgba(213,183,108,.22) !important; border-radius:20px !important; background:rgba(5,5,5,.72) !important; backdrop-filter:blur(14px); } body.post-type-archive-product .woocommerce ul.products li.product, body.tax-product_cat .woocommerce ul.products li.product, body.tax-product_tag .woocommerce ul.products li.product{ background:rgba(8,8,8,.88) !important; border-color:rgba(213,183,108,.2) !important; box-shadow:0 22px 55px rgba(0,0,0,.38) !important; backdrop-filter:blur(10px); } body.post-type-archive-product .hibr-footer, body.tax-product_cat .hibr-footer, body.tax-product_tag .hibr-footer{ background:rgba(4,4,4,.9) !important; backdrop-filter:blur(16px); } @media(max-width:760px){ body.post-type-archive-product, body.tax-product_cat, body.tax-product_tag{ background-image: linear-gradient(180deg,rgba(2,2,2,.6),rgba(2,2,2,.82)), url('assets/hibr-shop-world-mobile.jpg') !important; background-position:center center !important; } body.post-type-archive-product .hibr-shop-category-menu, body.tax-product_cat .hibr-shop-category-menu, body.tax-product_tag .hibr-shop-category-menu{ padding:13px 14px !important; border-radius:16px !important; } } /* ===================================================== HIBR HEADER V5 — PREMIUM GLASS NAVIGATION ===================================================== */ body:not(.home) .hibr-header.hibr-header-editorial{ position:sticky!important; top:0!important; z-index:1100!important; background: linear-gradient(110deg,rgba(14,13,11,.9),rgba(5,5,5,.82) 56%,rgba(15,13,9,.88))!important; border-bottom:1px solid rgba(216,180,99,.22)!important; box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important; -webkit-backdrop-filter:blur(22px) saturate(135%)!important; backdrop-filter:blur(22px) saturate(135%)!important; } .hibr-header-editorial .hibr-header-inner{ width:min(calc(100% - 48px),1480px)!important; min-height:82px!important; gap:clamp(24px,3vw,52px)!important; } .hibr-editorial-brand{ position:relative!important; gap:13px!important; min-height:48px!important; padding:0 17px!important; border:1px solid rgba(216,180,99,.2)!important; border-radius:999px!important; background:linear-gradient(135deg,rgba(216,180,99,.1),rgba(255,255,255,.018))!important; box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.2)!important; } .hibr-editorial-brand .hibr-brand-mark{ color:#f5f1e8!important; font-size:1.42rem!important; text-shadow:0 0 24px rgba(255,255,255,.12)!important; } .hibr-editorial-brand>i{ height:24px!important; background:linear-gradient(180deg,transparent,rgba(216,180,99,.8),transparent)!important; } .hibr-editorial-brand .hibr-brand-en{ color:#ddb960!important; font-size:1.28rem!important; letter-spacing:.025em!important; text-shadow:0 0 22px rgba(216,180,99,.18)!important; } .hibr-editorial-nav{ gap:clamp(8px,1vw,15px)!important; } .hibr-editorial-nav>a{ min-height:42px!important; display:flex!important; align-items:center!important; padding:0 clamp(10px,1vw,15px)!important; border:1px solid transparent!important; border-radius:999px!important; color:#c8c0b2!important; font-size:.75rem!important; transition:color .22s ease,background .22s ease,border-color .22s ease,transform .22s ease!important; } .hibr-editorial-nav>a:hover{ color:#fff7e8!important; border-color:rgba(216,180,99,.18)!important; background:rgba(216,180,99,.07)!important; transform:translateY(-1px)!important; } .hibr-editorial-nav>a[aria-current="page"]{ color:#19140c!important; border-color:#d6b66d!important; background:linear-gradient(135deg,#e3c77f,#b99349)!important; box-shadow:0 8px 24px rgba(185,147,73,.18)!important; } .hibr-editorial-nav>a[aria-current="page"]::after{display:none!important} .hibr-editorial-actions{ gap:9px!important; padding:5px!important; border:1px solid rgba(216,180,99,.16)!important; border-radius:18px!important; background:rgba(255,255,255,.022)!important; } .hibr-editorial-actions>a:not(.hibr-account-link){ width:42px!important; height:42px!important; flex-basis:42px!important; border:1px solid rgba(255,255,255,.09)!important; border-radius:13px!important; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.01))!important; color:#dfd4bf!important; transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease!important; } .hibr-editorial-actions>a:not(.hibr-account-link):hover{ color:#e3c477!important; border-color:rgba(216,180,99,.42)!important; background:rgba(216,180,99,.08)!important; transform:translateY(-2px)!important; } .hibr-editorial-actions .hibr-cart-count{ inset:-7px -7px auto auto!important; min-width:20px!important; height:20px!important; border:2px solid #080807!important; background:linear-gradient(135deg,#f0d58e,#c59d4d)!important; box-shadow:0 5px 13px rgba(0,0,0,.38)!important; } @media(max-width:1180px) and (min-width:781px){ .hibr-header-editorial .hibr-header-inner{width:min(calc(100% - 30px),1120px)!important;gap:18px!important} .hibr-editorial-brand{padding-inline:13px!important} .hibr-editorial-nav{gap:4px!important} .hibr-editorial-nav>a{padding-inline:9px!important;font-size:.68rem!important} } @media(max-width:780px){ .hibr-header.hibr-header-editorial{ min-height:76px!important; background: linear-gradient(115deg,rgba(13,12,10,.95),rgba(4,4,4,.88) 58%,rgba(14,12,8,.94))!important; border-bottom:1px solid rgba(216,180,99,.22)!important; box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)!important; -webkit-backdrop-filter:blur(20px) saturate(135%)!important; backdrop-filter:blur(20px) saturate(135%)!important; } body:not(.home) .hibr-header.hibr-header-editorial{position:sticky!important;top:0!important} .home .hibr-header.hibr-header-editorial{background:linear-gradient(180deg,rgba(7,7,6,.86),rgba(7,7,6,.34))!important} .hibr-header-editorial .hibr-header-inner{ position:relative!important; width:100%!important; min-height:76px!important; padding:0 14px!important; display:flex!important; justify-content:space-between!important; gap:10px!important; } .hibr-editorial-brand{ position:absolute!important; inset:50% auto auto 50%!important; transform:translate(-50%,-50%)!important; z-index:3!important; gap:8px!important; min-height:43px!important; margin:0!important; padding:0 13px!important; border-color:rgba(216,180,99,.22)!important; background:linear-gradient(135deg,rgba(216,180,99,.09),rgba(255,255,255,.012))!important; box-shadow:inset 0 1px rgba(255,255,255,.045)!important; } .hibr-editorial-brand .hibr-brand-mark{font-size:1.04rem!important} .hibr-editorial-brand>i{height:19px!important} .hibr-editorial-brand .hibr-brand-en{font-size:1rem!important;letter-spacing:.02em!important} .hibr-header-editorial .hibr-menu-toggle, .hibr-editorial-actions .hibr-cart{ display:grid!important; place-items:center!important; width:46px!important; height:46px!important; flex:0 0 46px!important; margin:0!important; border:1px solid rgba(216,180,99,.28)!important; border-radius:15px!important; background:linear-gradient(145deg,rgba(216,180,99,.08),rgba(255,255,255,.018))!important; color:#eee5d3!important; box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.24)!important; } .hibr-header-editorial .hibr-menu-toggle{order:-1!important} .hibr-menu-toggle-lines{display:grid!important;gap:6px!important;width:19px!important} .hibr-menu-toggle-lines i{ display:block!important; width:19px!important; height:1.5px!important; margin:0!important; border:0!important; border-radius:999px!important; background:#e9dfcb!important; transform-origin:center!important; } .hibr-menu-toggle-lines i:last-child{width:13px!important;margin-inline-start:auto!important;background:#d8b45e!important} .hibr-editorial-actions{ margin-inline-start:auto!important; padding:0!important; border:0!important; background:none!important; } .hibr-editorial-actions .hibr-cart{border-radius:15px!important} .hibr-editorial-actions .hibr-cart-bag{width:19px!important;height:19px!important;color:#e0c06e!important} .hibr-editorial-actions .hibr-cart-count{ inset:-5px -5px auto auto!important; min-width:19px!important; height:19px!important; border-width:2px!important; font-size:8px!important; } #hibr-site-header .hibr-editorial-nav{ inset:76px 0 auto!important; height:calc(100svh - 76px)!important; max-height:calc(100svh - 76px)!important; padding:18px 16px 34px!important; background: linear-gradient(180deg,rgba(8,8,7,.98),rgba(4,4,4,.99)), url('assets/hibr-shop-world-mobile.jpg') center/cover!important; } #hibr-site-header .hibr-editorial-nav>a{ min-height:58px!important; padding:0 18px!important; border:0!important; border-bottom:1px solid rgba(255,255,255,.075)!important; border-radius:0!important; background:none!important; color:#ddd4c2!important; font-size:1rem!important; transform:none!important; } #hibr-site-header .hibr-editorial-nav>a[aria-current="page"]{ color:#e5c46f!important; box-shadow:inset -3px 0 #d8b45e!important; } } /* HIBR DESIGNER - MANUAL ERASE MODE */ #hibr-design-layer{ position: relative; } #hibr-design-canvas{ position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; cursor: crosshair; z-index: 5; } #hibr-design-canvas[hidden]{ display: none !important; } .hibr-erase-actions{ display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; } .hibr-erase-actions[hidden]{ display: none !important; } @media (max-width: 768px){ #hibr-design-canvas{ touch-action: none; } .hibr-erase-actions{ display: grid; grid-template-columns: 1fr 1fr; } .hibr-erase-actions .hibr-mini-btn:last-child{ grid-column: 1 / -1; } } /* HIBR Designer — direct touch controls */ #hibr-design-layer{ position:absolute !important; top:43%; left:50%; width:32%; aspect-ratio:1; display:grid; place-items:center; z-index:12; pointer-events:none !important; touch-action:none !important; transform-origin:center; cursor:grab; } #hibr-design-layer.has-design{pointer-events:auto !important} #hibr-design-layer.is-dragging{cursor:grabbing} #hibr-design-preview{ width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; pointer-events:none; user-select:none; -webkit-user-drag:none; filter:drop-shadow(0 5px 9px rgba(0,0,0,.28)); } .hibr-touch-help{ margin:12px 2px 0; color:#aaa69d; font-size:.68rem; line-height:1.7; text-align:center; } .hibr-upload-actions{display:grid;grid-template-columns:1fr 1fr} .hibr-mini-btn{width:100%} #hibr-design-canvas,.hibr-erase-actions{display:none !important} .hibr-preview-hint i{display:none} @media(max-width:768px){ #hibr-preview-stage{touch-action:pan-y} #hibr-design-layer{width:38%;min-width:112px;min-height:112px} .hibr-touch-help{font-size:.72rem} } /* HIBR — responsive stability layer (desktop, tablet and mobile) */ *,*::before,*::after{box-sizing:border-box} html,body{max-width:100%;overflow-x:clip} body{min-width:320px} img,svg,video,canvas,iframe{max-width:100%;height:auto} input,select,textarea,button{max-width:100%;font:inherit} a,button,input,select,textarea{touch-action:manipulation} :focus-visible{outline:2px solid var(--gold,#d8b96f);outline-offset:3px} /* Keep grids from creating horizontal scroll when content is long. */ .hibr-container,.hibr-live-layout,.hibr-preview-console,.hibr-studio-panel, .hibr-studio-tool,.hibr-footer-main,.hibr-footer-nav,.single-product div.product, .woocommerce-cart-form,.woocommerce-checkout form.checkout{min-width:0} .hibr-studio-tool,.hibr-preview-footer>div,.hibr-footer-column, .hibr-product-service div,.hibr-footer-trust>div{overflow-wrap:anywhere} @media (max-width:1100px){ .hibr-live-layout{grid-template-columns:minmax(300px,.42fr) minmax(0,1fr)} .single-product div.product{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:32px} .single-product .related ul.products{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:900px){ .hibr-live-layout{display:flex;flex-direction:column;gap:14px} .hibr-preview-console{order:-1;width:100%} .hibr-studio-panel{width:100%} .hibr-preview-stage{min-height:clamp(430px,72vw,620px)} .single-product .main-content{padding-inline:18px} .single-product div.product{display:flex;flex-direction:column;gap:24px} .single-product .woocommerce-product-gallery{position:relative;top:auto;width:100%;min-height:min(76vw,560px)} .single-product .summary,.single-product .hibr-product-kicker{width:100%;margin-inline:0!important} .single-product .related ul.products{grid-template-columns:repeat(2,minmax(0,1fr))} .hibr-footer-main{grid-template-columns:1fr!important;gap:30px!important} } @media (max-width:600px){ body{min-width:0} .hibr-container{width:100%;padding-inline:14px} .hibr-live-studio,.hibr-studio-checkout{overflow:hidden} .hibr-preview-stage{min-height:440px;border-radius:16px} .hibr-garment-object{width:min(94%,430px)} .hibr-preview-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))} .hibr-preview-footer>div{min-width:0;padding:11px 6px;text-align:center} .hibr-preview-footer strong{font-size:.61rem;line-height:1.5} .hibr-preview-footer small{font-size:.48rem} .hibr-product-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .hibr-product-options button{min-height:58px;display:flex;justify-content:center;align-items:center;gap:8px;padding:8px} .hibr-product-options button i{font-size:1rem} .hibr-product-options button span{font-size:.72rem} .hibr-color-options,.hibr-size-options{gap:6px} .hibr-size-options button{min-width:0;padding-inline:5px} .hibr-upload-actions{grid-template-columns:1fr!important;gap:8px} .hibr-mini-btn{min-height:46px} .hibr-text-design input{width:100%;min-width:0} #hibr-design-layer{width:42%;min-width:106px;min-height:106px} .hibr-touch-help{padding-inline:6px} .hibr-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important} .hibr-footer-column:last-child{grid-column:1/-1} .hibr-footer-trust{grid-template-columns:1fr!important} .hibr-footer-bottom{grid-template-columns:1fr!important;text-align:center} .hibr-footer-bottom>*{justify-self:center} .hibr-whatsapp-float{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))} .hibr-instagram-float{right:max(18px,env(safe-area-inset-right));bottom:82px} .woocommerce-cart-form{margin-inline:0!important} .woocommerce-cart-form table{font-size:.76rem} } @media (max-width:380px){ .hibr-preview-stage{min-height:400px} .hibr-preview-topbar,.hibr-studio-panel-head{padding-inline:10px;letter-spacing:.08em} .hibr-preview-topbar{font-size:.49rem} .hibr-product-options button span{font-size:.67rem} .hibr-footer-nav{grid-template-columns:1fr!important} .hibr-footer-column:last-child{grid-column:auto} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important} } /* HIBR HERO — active quick-shop rail */ .hibr-hero-rail{ position:absolute; top:112px; right:clamp(18px,2.1vw,42px); bottom:94px; z-index:12; display:flex; flex-direction:column; justify-content:center; gap:0; width:132px; border-inline-start:1px solid rgba(218,180,99,.36); } .hibr-hero-rail-item{ position:relative; display:grid; grid-template-columns:24px 1fr 12px; align-items:center; gap:9px; min-height:62px; padding:10px 0 10px 13px; border:0; border-bottom:1px solid rgba(255,255,255,.12); background:transparent; color:rgba(244,241,235,.86); text-decoration:none; transition:padding .2s ease,color .2s ease,background .2s ease; } .hibr-hero-rail-item::before{ content:""; position:absolute; top:50%; right:auto; left:-1px; width:2px; height:0; background:var(--gold); opacity:0; transform:translateY(-50%); transition:height .2s ease,opacity .2s ease; } .hibr-hero-rail-item small{color:var(--gold);font:600 .56rem/1 Arial;letter-spacing:.1em} .hibr-hero-rail-item span{font-size:.7rem;font-weight:700;line-height:1.35;text-align:right} .hibr-hero-rail-item b{color:var(--gold);font-size:.76rem;font-weight:400;line-height:1;opacity:.6;transition:transform .2s ease,opacity .2s ease} .hibr-hero-rail-item:hover,.hibr-hero-rail-item:focus-visible{ background:linear-gradient(90deg,rgba(200,169,104,.1),transparent 78%); color:#fff; padding-inline-start:19px; outline:0; } .hibr-hero-rail-item:hover::before,.hibr-hero-rail-item:focus-visible::before{height:34px;opacity:1} .hibr-hero-rail-item:hover b,.hibr-hero-rail-item:focus-visible b{transform:translate(-3px,3px);opacity:1} @media(min-width:1201px){ /* The rail owns the far-right column; copy never enters its area. */ .hibr-hero-inner{padding-inline-end:clamp(156px,13vw,210px)!important} .hibr-hero-copy{max-width:470px!important} } @media(max-width:1200px){ .hibr-hero{padding-bottom:94px} .hibr-hero-inner{padding-bottom:150px!important} .hibr-hero-rail{ top:auto; right:14px; bottom:18px; left:14px; width:auto; height:auto; flex-direction:row; align-items:stretch; justify-content:stretch; gap:0; border:1px solid rgba(218,180,99,.28); border-radius:16px; overflow:hidden; background:rgba(10,10,9,.72); box-shadow:0 12px 28px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05); backdrop-filter:blur(13px); } .hibr-hero-rail-item{ flex:1 1 0; grid-template-columns:1fr; grid-template-rows:auto 1fr; gap:5px; min-height:58px; padding:9px 6px; text-align:center; border-bottom:0; border-inline-start:1px solid rgba(255,255,255,.09); } .hibr-hero-rail-item:first-child{border-inline-start:0} .hibr-hero-rail-item::before{display:none} .hibr-hero-rail-item small{justify-self:center} .hibr-hero-rail-item span{font-size:.63rem;text-align:center} .hibr-hero-rail-item b{display:none} .hibr-hero-rail-item:hover,.hibr-hero-rail-item:focus-visible{padding:9px 6px;background:rgba(200,169,104,.13)} } @media(max-width:380px){ .hibr-hero{padding-bottom:90px} .hibr-hero-rail{gap:5px;right:10px;left:10px} .hibr-hero-rail-item{min-height:56px;padding:7px 4px} .hibr-hero-rail-item span{font-size:.56rem} } /* Mobile hero and floating-contact refinement. */ @media(max-width:760px){ .home .hibr-header{ background:rgba(5,5,4,.94)!important; border-bottom-color:rgba(218,180,99,.18)!important; } .home .hibr-header::after{ content:""; position:absolute; right:0; bottom:-18px; left:0; height:18px; pointer-events:none; background:linear-gradient(180deg,rgba(5,5,4,.62),transparent); } .hibr-hero-inner{ padding-top:calc(46svh + 18px)!important; padding-bottom:118px!important; } .hibr-hero-copy{transform:none!important} .hibr-hero-title{font-size:clamp(2.2rem,9vw,3rem)!important;line-height:1.04!important} .hibr-hero-desc{font-size:.8rem!important;line-height:1.75!important} .hibr-feature-grid{gap:0!important} .hibr-feature{min-height:128px!important;padding:20px 12px!important} .hibr-instagram-float{display:none!important} .hibr-whatsapp-float{ right:auto!important; left:max(12px,env(safe-area-inset-left))!important; bottom:max(14px,env(safe-area-inset-bottom))!important; width:48px!important; height:48px!important; min-height:48px!important; opacity:.92; box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 0 3px rgba(37,211,102,.1)!important; } .hibr-whatsapp-float-icon{width:38px!important;height:38px!important} .hibr-whatsapp-float-icon svg{width:22px!important;height:22px!important} } /* Mobile hero - one connected editorial composition. */ @media(max-width:760px){ .hibr-hero{min-height:auto!important;padding-bottom:0!important} .hibr-hero-art{height:58svh!important} .hibr-hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(3,3,3,.08) 48%,#030303 100%)} .hibr-hero-art img{object-position:36% 34%!important} .hibr-hero-shade{background:linear-gradient(180deg,rgba(3,3,3,.02) 0%,rgba(3,3,3,.05) 35%,rgba(3,3,3,.42) 52%,#030303 72%,#030303 100%)!important} .hibr-hero-inner{min-height:auto!important;display:block!important;padding-top:calc(46svh + 8px)!important;padding-bottom:38px!important} .hibr-hero-copy{width:100%!important;margin:0!important} .hibr-hero-meta{font-size:.42rem!important;opacity:.82} .hibr-hero-eyebrow{margin-top:12px!important;font-size:.5rem!important} .hibr-hero-title{margin-top:10px!important;font-size:clamp(2.35rem,10vw,3.15rem)!important;line-height:.98!important} .hibr-hero-desc{margin-top:16px!important;font-size:.82rem!important;line-height:1.8!important} .hibr-hero-actions{margin-top:21px!important;gap:10px!important} .hibr-hero-btn{min-height:54px!important} .hibr-hero-details,.hibr-hero-location,.hibr-hero-est,.hibr-hero-rail{display:none!important} } /* Mobile hero - explicit image-to-content handoff. */ @media(max-width:760px){ .hibr-hero-art{ height:48svh !important; } .hibr-hero-art::after{ background: linear-gradient( 180deg, rgba(3,3,3,0) 34%, rgba(3,3,3,.14) 52%, #030303 100% ) !important; } .hibr-hero-inner{ padding-top:calc(48svh + 10px) !important; padding-bottom:24px !important; } .hibr-hero-copy{ padding-inline:0 !important; } .hibr-hero-meta{ display:none !important; } .hibr-hero-eyebrow{ margin-top:0 !important; } } /* HIBR checkout blocks - compact, dark and responsive. */ body:has(.wc-block-checkout) .hibr-page-hero, body:has(.wc-block-cart) .hibr-page-hero{ padding:72px 20px 34px!important; min-height:0!important; background:radial-gradient(circle at 82% 0,rgba(200,169,104,.12),transparent 40%),#090908; } body:has(.wc-block-checkout) .hibr-page-hero h1, body:has(.wc-block-cart) .hibr-page-hero h1{ margin:8px 0 0!important; font-size:clamp(2.5rem,5vw,4.8rem)!important; line-height:1!important; } .wc-block-checkout, .wc-block-cart{ box-sizing:border-box!important; max-width:1240px!important; margin:0 auto!important; padding:34px 20px 64px!important; color:#f4f1eb!important; } .wc-block-components-sidebar-layout{ gap:22px!important; align-items:flex-start!important; } .wc-block-checkout__main, .wc-block-checkout__sidebar, .wc-block-cart__main, .wc-block-cart__sidebar{ box-sizing:border-box!important; padding:26px!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:22px!important; background:linear-gradient(145deg,#151512,#0b0b0a)!important; box-shadow:0 20px 55px rgba(0,0,0,.24)!important; } .wc-block-checkout__sidebar, .wc-block-cart__sidebar{border-color:rgba(200,169,104,.3)!important} .wc-block-checkout__main, .wc-block-cart__main{flex:1 1 0!important;width:auto!important;min-width:0!important} .wc-block-checkout__sidebar, .wc-block-cart__sidebar{flex:0 0 35%!important;width:35%!important;min-width:320px!important} .wc-block-components-checkout-step{padding-inline-start:0!important} .wc-block-components-checkout-step__heading, .wc-block-components-title, .wc-block-components-order-summary-item__description, .wc-block-components-totals-item__label{color:#f4f1eb!important} .wc-block-components-checkout-step__description, .wc-block-components-formatted-money-amount, .wc-block-components-order-summary-item__individual-price, .wc-block-components-totals-item__value{color:#c8a968!important} .wc-block-components-text-input input, .wc-block-components-textarea, .wc-block-components-combobox .components-combobox-control__input, .wc-block-components-address-form select{ min-height:52px!important; border:1px solid rgba(255,255,255,.16)!important; border-radius:12px!important; background:#090908!important; color:#f4f1eb!important; box-shadow:none!important; } .wc-block-components-text-input label, .wc-block-components-checkbox__label, .wc-block-components-radio-control__label{color:#c9c5bb!important} .wc-block-components-checkout-place-order-button, .wc-block-cart__submit-button{ min-height:56px!important; border:0!important; border-radius:999px!important; background:linear-gradient(135deg,#e0c17b,#b79249)!important; color:#090908!important; font-weight:900!important; box-shadow:0 12px 28px rgba(200,169,104,.2)!important; } @media(max-width:780px){ body:has(.wc-block-checkout) .hibr-page-hero, body:has(.wc-block-cart) .hibr-page-hero{padding:36px 16px 24px!important} body:has(.wc-block-checkout) .hibr-page-hero h1, body:has(.wc-block-cart) .hibr-page-hero h1{font-size:2.45rem!important} .wc-block-checkout,.wc-block-cart{padding:22px 12px 48px!important} .wc-block-components-sidebar-layout{display:flex!important;flex-direction:column!important;gap:14px!important} .wc-block-checkout__main,.wc-block-checkout__sidebar,.wc-block-cart__main,.wc-block-cart__sidebar{ position:static!important; flex:0 0 100%!important; width:100%!important; min-width:0!important; margin:0!important; padding:17px!important; border-radius:17px!important; } .wc-block-checkout__sidebar,.wc-block-cart__sidebar{order:-1!important} .woocommerce-cart .hibr-page-hero{padding:36px 16px 24px!important;min-height:0!important} .woocommerce-cart .hibr-page-hero h1{font-size:2.45rem!important;line-height:1!important} .woocommerce-cart-form{margin-inline:12px!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important} .woocommerce-cart-form table{display:block!important;min-width:0!important;border:0!important} .woocommerce-cart-form thead{display:none!important} .woocommerce-cart-form tbody{display:grid!important;gap:12px!important} .woocommerce-cart-form tr{display:block!important} .woocommerce-cart-form tr.cart_item{ position:relative; display:grid!important; grid-template-columns:82px minmax(0,1fr)!important; gap:7px 14px!important; padding:15px!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:17px!important; background:linear-gradient(145deg,#151512,#0b0b0a)!important; } .woocommerce-cart-form tr.cart_item td{display:block!important;padding:0!important;border:0!important;text-align:right!important} .woocommerce-cart-form .product-thumbnail{grid-column:1;grid-row:1/5} .woocommerce-cart-form .product-thumbnail img{width:82px!important;height:96px!important;margin:0!important;border-radius:12px;object-fit:cover;background:#f5f3ee} .woocommerce-cart-form .product-name{grid-column:2;font-size:.9rem;line-height:1.6} .woocommerce-cart-form .product-price{grid-column:2;font-size:.76rem} .woocommerce-cart-form .product-quantity{grid-column:2} .woocommerce-cart-form .product-quantity input{width:68px!important;min-height:40px!important} .woocommerce-cart-form .product-subtotal{grid-column:2;padding-top:7px!important;border-top:1px solid rgba(255,255,255,.08)!important;font-size:.86rem} .woocommerce-cart-form .product-remove{position:absolute!important;top:10px;left:10px;z-index:2} .woocommerce-cart-form .product-remove a{display:grid!important;place-items:center;width:28px!important;height:28px!important;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:#090908;color:#aaa!important} .woocommerce-cart-form td.actions{display:grid!important;gap:10px!important;padding:14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:17px!important;background:#11110f!important} .woocommerce-cart-form td.actions .coupon{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;width:100%!important} .woocommerce-cart-form td.actions .coupon label{grid-column:1/-1} .woocommerce-cart-form td.actions .coupon input{width:100%!important;min-width:0!important;margin:0!important} .woocommerce-cart-form td.actions>button{width:100%!important;margin:0!important} .cart-collaterals{margin:14px 12px!important} } /* HIBR HERO — FULL WIDTH DESKTOP */ @media screen and (min-width:761px){ .hibr-hero{ position:relative; overflow:hidden; } .hibr-hero-art{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; max-width:none !important; } .hibr-hero-art img{ width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:center center !important; transform:none !important; } .hibr-hero-shade{ position:absolute !important; inset:0 !important; width:100% !important; } } /* ========================================= HIBR MOBILE HERO — TEXT OVER IMAGE ========================================= */ @media screen and (max-width:760px){ .hibr-hero{ position:relative !important; min-height:88svh !important; overflow:hidden !important; background:#030303 !important; } .hibr-hero-art{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; } .hibr-hero-art img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:38% center !important; transform:none !important; } .hibr-hero-shade{ position:absolute !important; inset:0 !important; z-index:1 !important; background: linear-gradient( 180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.08) 30%, rgba(0,0,0,.35) 52%, rgba(0,0,0,.82) 75%, #030303 100% ) !important; } .hibr-hero-inner{ position:relative !important; z-index:3 !important; min-height:88svh !important; display:flex !important; align-items:flex-end !important; padding: 0 24px 28px !important; } .hibr-hero-copy{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; } .hibr-hero-meta{ display:none !important; } .hibr-hero-eyebrow{ margin:0 0 9px !important; font-size:.46rem !important; letter-spacing:.24em !important; } .hibr-hero-title{ margin:0 !important; font-size:clamp(2rem,8.7vw,2.65rem) !important; line-height:.98 !important; } .hibr-hero-title span{ display:block !important; margin-top:3px !important; font-size:.9em !important; } .hibr-hero-desc{ margin-top:12px !important; font-size:.75rem !important; line-height:1.65 !important; } .hibr-hero-actions{ display:grid !important; grid-template-columns:1fr !important; gap:8px !important; margin-top:15px !important; } .hibr-hero-btn{ width:100% !important; min-height:48px !important; backdrop-filter:blur(8px); } .hibr-hero-details, .hibr-hero-location, .hibr-hero-est, .hibr-hero-rail{ display:none !important; } } .hibr-ai-box{ display:grid; gap:10px; margin-top:14px; padding:14px; border:1px solid rgba(218,180,99,.28); border-radius:16px; background:linear-gradient(145deg,rgba(218,180,99,.08),rgba(255,255,255,.025)); } .hibr-ai-title{color:#efd184;font-size:.78rem;font-weight:900} #hibr-ai-prompt{ width:100%; min-height:48px; border:1px solid rgba(218,180,99,.25); background:rgba(255,255,255,.03); color:#fff; border-radius:14px; padding:0 14px; outline:none; } #hibr-ai-prompt::placeholder{ color:rgba(255,255,255,.45); } #hibr-generate-ai{ position:relative; isolation:isolate; overflow:hidden; min-height:52px; border:1px solid rgba(255,225,151,.72); border-radius:16px; background:linear-gradient(115deg,#f1d48a 0%,#c99a40 48%,#f0cf7a 100%); color:#0a0906; font-size:.82rem; font-weight:900; letter-spacing:.01em; box-shadow:0 12px 28px rgba(203,157,65,.2),inset 0 1px 0 rgba(255,255,255,.5); cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; } #hibr-generate-ai::before{ content:"✦"; display:inline-block; margin-inline-end:9px; font-size:1rem; transition:transform .25s ease; } #hibr-generate-ai:hover:not(:disabled){ color:#0a0906; transform:translateY(-2px); filter:saturate(1.08) brightness(1.04); box-shadow:0 16px 34px rgba(203,157,65,.31),inset 0 1px 0 rgba(255,255,255,.6); } #hibr-generate-ai:hover:not(:disabled)::before{ transform:rotate(18deg) scale(1.16); } #hibr-generate-ai:focus-visible{ outline:3px solid rgba(239,203,116,.25); outline-offset:3px; } #hibr-generate-ai:disabled{ opacity:.7; cursor:not-allowed; filter:saturate(.55); } .hibr-ai-status{ color:#b8b8b8; font-size:.85rem; } .hibr-ai-status.is-success{color:#9ed39e} .hibr-ai-status.is-error{color:#ef9b92} #hibr-generate-ai[aria-busy="true"]{padding-inline-end:42px} #hibr-generate-ai[aria-busy="true"]::before{visibility:hidden} #hibr-generate-ai[aria-busy="true"]::after{ content:""; position:absolute; inset-inline-end:15px; top:50%; width:15px; height:15px; margin-top:-8px; border:2px solid rgba(17,17,17,.32); border-top-color:#111; border-radius:50%; animation:hibr-ai-spin .75s linear infinite; } .hibr-account-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hibr-account-design-grid article{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#111}.hibr-account-design-grid img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:11px;background:#fff}.hibr-account-design-grid h3{margin:10px 0 4px;font-size:.86rem}.hibr-account-design-grid small{color:#c8a85d}@media(max-width:700px){.hibr-account-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .hibr-account-link{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border:1px solid rgba(224,193,123,.38);border-radius:999px;background:rgba(200,169,104,.06);color:#f0d489!important;font-size:.72rem;font-weight:800;text-decoration:none;transition:.2s}.hibr-account-link:hover{border-color:#e0c17b;background:rgba(200,169,104,.13);transform:translateY(-1px)}.hibr-account-link span{font-size:1.05rem}.hibr-account-link b{font:inherit}@media(max-width:600px){.hibr-account-link{width:42px;height:42px;min-height:42px;padding:0;justify-content:center}.hibr-account-link b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}} .hibr-reorder-design{width:100%;min-height:42px;margin-top:12px;border:1px solid #d7b65f;border-radius:10px;background:linear-gradient(135deg,#e0c17b,#b79249);color:#090909;font-family:inherit;font-weight:900;cursor:pointer}.hibr-reorder-design:disabled{opacity:.65} /* HIBR My Account */ .woocommerce-account .main-content{min-height:75vh;padding:clamp(110px,12vw,160px) 20px 90px;background:radial-gradient(circle at 85% 8%,rgba(200,169,104,.11),transparent 28%),#070707}.woocommerce-account .main-content>h1,.woocommerce-account .entry-title{max-width:1180px;margin:0 auto 34px!important;font-size:clamp(2.4rem,7vw,5.8rem)!important;line-height:1!important;color:#f4f1e9}.woocommerce-account .woocommerce{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;max-width:1180px;margin:auto;padding:24px;border:1px solid rgba(200,169,104,.24);border-radius:24px;background:linear-gradient(145deg,#151512,#0d0d0c);box-shadow:0 26px 70px rgba(0,0,0,.34);color:#eee}.woocommerce-account .woocommerce-MyAccount-navigation{float:none!important;width:auto!important}.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:13px 15px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0c0c0b;color:#bbb;text-decoration:none}.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation a:hover{border-color:#d2af5c;background:rgba(200,169,104,.11);color:#efd184}.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:auto!important;min-width:0;padding:8px 12px;line-height:1.9}.woocommerce-account .woocommerce-MyAccount-content a{color:#dfbd69}.woocommerce-account form.login,.woocommerce-account form.register{margin:0!important;padding:25px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:18px;background:#0e0e0d}.woocommerce-account .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.woocommerce-account .u-column1,.woocommerce-account .u-column2{float:none!important;width:auto!important}.woocommerce-account form input.input-text{width:100%;box-sizing:border-box;min-height:48px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#080808;color:#fff}.woocommerce-account form button.button{min-height:48px;background:linear-gradient(135deg,#e0c17b,#b79249)!important;color:#090909!important;border-color:#d4b15f!important}.woocommerce-account .woocommerce-notices-wrapper{grid-column:1/-1}.woocommerce-account .woocommerce-message,.woocommerce-account .woocommerce-error,.woocommerce-account .woocommerce-info{padding:15px 18px!important;border-radius:12px;background:#14130f;color:#eee}.woocommerce-account .woocommerce-error{border-color:#a54b45!important}@media(max-width:760px){.woocommerce-account .main-content{padding:88px 12px 55px}.woocommerce-account .woocommerce{display:block;padding:14px;border-radius:18px}.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:20px}.woocommerce-account .woocommerce-MyAccount-navigation ul{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce-account .woocommerce-MyAccount-navigation a{padding:10px;font-size:.72rem}.woocommerce-account .woocommerce-MyAccount-content{padding:4px}.woocommerce-account .u-columns{grid-template-columns:1fr}.woocommerce-account form.login,.woocommerce-account form.register{padding:17px!important}} .woocommerce-account:not(.logged-in) .woocommerce{display:block!important;width:min(100%,980px)!important;box-sizing:border-box}.woocommerce-account:not(.logged-in) #customer_login,.woocommerce-account:not(.logged-in) .u-columns.col2-set{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px!important;width:100%!important;max-width:none!important;margin:0!important}.woocommerce-account:not(.logged-in) #customer_login>.u-column1,.woocommerce-account:not(.logged-in) #customer_login>.u-column2{float:none!important;width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}.woocommerce-account:not(.logged-in) #customer_login h2{margin:0 0 14px;font-size:1.35rem}.woocommerce-account:not(.logged-in) #customer_login form{width:100%!important;box-sizing:border-box!important}.woocommerce-account:not(.logged-in) #customer_login .form-row{float:none!important;width:100%!important;box-sizing:border-box!important}.woocommerce-account:not(.logged-in) #customer_login label{display:block;margin-bottom:7px;color:#ddd;font-size:.78rem}.woocommerce-account:not(.logged-in) #customer_login p{font-size:.78rem;color:#aaa}@media(max-width:760px){.woocommerce-account:not(.logged-in) #customer_login,.woocommerce-account:not(.logged-in) .u-columns.col2-set{grid-template-columns:1fr!important;gap:18px!important}} /* Account page spacing: avoid stacking the generic hero padding with the account shell. */ .woocommerce-account .main-content{padding:0 20px 80px!important}.woocommerce-account .hibr-page-hero{margin-inline:-20px;padding:110px 20px 50px!important}.woocommerce-account .hibr-page-hero .hibr-container{max-width:1180px}.woocommerce-account .hibr-page-hero h1{margin:8px 0 0!important;font-size:clamp(3rem,6vw,5.5rem)!important}.woocommerce-account .woocommerce{margin-top:42px!important}.woocommerce-account:not(.logged-in) #customer_login form .button{width:100%;justify-content:center}.woocommerce-account .password-input{display:block;width:100%}.woocommerce-account .password-input input{padding-inline-end:48px!important} .woocommerce-account #main-content{padding-bottom:80px!important}.woocommerce-account .hibr-content{padding:28px 0!important}.woocommerce-account .woocommerce{margin-top:0!important} @media(max-width:760px){.woocommerce-account .main-content{padding:0 10px 48px!important}.woocommerce-account #main-content{padding-bottom:48px!important}.woocommerce-account .hibr-content{padding:18px 0!important}.woocommerce-account .hibr-page-hero{margin-inline:0;padding:88px 18px 30px!important;min-height:0!important}.woocommerce-account .hibr-page-hero h1{font-size:2.65rem!important;line-height:1.05!important}.woocommerce-account .hibr-page-hero p{display:none}.woocommerce-account .woocommerce{margin-top:0!important;padding:12px!important;border-radius:16px!important}.woocommerce-account:not(.logged-in) #customer_login{gap:14px!important}.woocommerce-account:not(.logged-in) #customer_login>.u-column1,.woocommerce-account:not(.logged-in) #customer_login>.u-column2{padding:0!important}.woocommerce-account form.login,.woocommerce-account form.register{padding:16px!important;border-radius:14px!important}.woocommerce-account:not(.logged-in) #customer_login h2{font-size:1.18rem;margin:0 0 10px}.woocommerce-account form input.input-text{min-height:50px;font-size:16px}.woocommerce-account form button.button{width:100%;min-height:50px}.woocommerce-account .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr 1fr!important;gap:6px}.woocommerce-account .woocommerce-MyAccount-content{font-size:.84rem}} /* HIBR account gateway — editorial split layout with one focused form. */ .woocommerce-account:not(.logged-in) .hibr-page-hero{display:none!important} .woocommerce-account:not(.logged-in) #main-content,.woocommerce-account:not(.logged-in) .main-content{min-height:100svh;padding:clamp(92px,9vw,128px) 20px 60px!important;background:radial-gradient(circle at 75% 8%,rgba(205,173,89,.11),transparent 30%),#070707} .woocommerce-account:not(.logged-in) .hibr-content{max-width:1180px;margin:auto;padding:0!important} .woocommerce-account:not(.logged-in) .woocommerce{position:relative;display:grid!important;grid-template-columns:minmax(330px,.9fr) minmax(390px,1.1fr)!important;grid-template-rows:auto 1fr;gap:0!important;width:100%!important;max-width:1080px!important;min-height:610px;margin:0 auto!important;padding:0!important;overflow:hidden;border:1px solid rgba(205,173,89,.26)!important;border-radius:30px!important;background:#0d0d0c!important;box-shadow:0 38px 100px rgba(0,0,0,.55)!important} .woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper{grid-column:1/-1;position:relative;z-index:4;margin:14px 14px 0} .hibr-auth-intro{position:relative;grid-column:1;grid-row:1/3;display:flex;align-items:flex-end;min-height:610px;padding:46px;overflow:hidden;background:linear-gradient(0deg,rgba(3,3,3,.95) 4%,rgba(3,3,3,.3) 70%),url('assets/hero-hibr-streetwear-v2.png') 42% center/cover no-repeat} .hibr-auth-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(205,173,89,.2),transparent 32%);pointer-events:none}.hibr-auth-intro-content{position:relative;z-index:1;max-width:360px}.hibr-auth-intro-content>span{color:#d8b45e;font:700 .58rem Arial;letter-spacing:.23em}.hibr-auth-intro h1{margin:15px 0 14px!important;color:#f4f0e8!important;font-size:clamp(3.3rem,5vw,5.2rem)!important;line-height:.88!important;letter-spacing:-.05em}.hibr-auth-intro h1 em{color:#d7b45e;font-style:normal}.hibr-auth-intro p{margin:0;color:#d0cbc1;font-size:.86rem;line-height:1.9}.hibr-auth-intro ul{display:grid;gap:8px;margin:24px 0 0;padding:17px 0 0;border-top:1px solid rgba(255,255,255,.13);list-style:none}.hibr-auth-intro li{display:flex;align-items:center;gap:8px;color:#aba69d;font-size:.67rem}.hibr-auth-intro li:before{content:'✓';color:#d8b45e;font-weight:900} .hibr-auth-switch{grid-column:2;grid-row:1;align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:44px 48px 18px;padding:5px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#080808}.hibr-auth-switch button{min-height:43px;padding:8px 14px;border:0;border-radius:999px;background:transparent;color:#8f8b83;font-family:inherit;font-size:.72rem;font-weight:800;cursor:pointer;transition:.2s}.hibr-auth-switch button.is-active{background:linear-gradient(135deg,#dfbf68,#b78938);box-shadow:0 8px 24px rgba(190,146,51,.22);color:#0b0906} .woocommerce-account:not(.logged-in) #customer_login{grid-column:2;grid-row:2;display:block!important;align-self:start;width:auto!important;margin:0 48px 44px!important}.woocommerce-account:not(.logged-in) #customer_login>.u-column1,.woocommerce-account:not(.logged-in) #customer_login>.u-column2{width:100%!important;margin:0!important;padding:0!important}.woocommerce-account:not(.logged-in) #customer_login h2{margin:0 0 8px!important;color:#f5f1e8;font-size:1.65rem!important}.woocommerce-account:not(.logged-in) #customer_login h2:after{content:'ارجع لطلباتك وتصميماتك من مكان واحد.';display:block;margin-top:8px;color:#817d75;font-size:.65rem;font-weight:400}.woocommerce-account:not(.logged-in) #customer_login .u-column2 h2:after{content:'ابدأ حسابك في أقل من دقيقة.'}.woocommerce-account:not(.logged-in) form.login,.woocommerce-account:not(.logged-in) form.register{padding:0!important;border:0!important;background:transparent!important}.woocommerce-account:not(.logged-in) #customer_login .form-row{margin:15px 0 0!important}.woocommerce-account:not(.logged-in) #customer_login label{margin:0 0 7px!important;color:#bab5ab!important;font-size:.66rem!important;font-weight:700}.woocommerce-account:not(.logged-in) #customer_login input.input-text{min-height:54px!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:13px!important;background:#080808!important;color:#fff!important;box-shadow:none!important;font-size:16px!important}.woocommerce-account:not(.logged-in) #customer_login input.input-text:focus{border-color:#d5b35f!important;box-shadow:0 0 0 4px rgba(213,179,95,.08)!important;outline:0}.woocommerce-account:not(.logged-in) #customer_login .password-input{position:relative}.woocommerce-account:not(.logged-in) #customer_login .show-password-input{position:absolute;top:50%;left:15px;right:auto;transform:translateY(-50%);opacity:.72}.woocommerce-account:not(.logged-in) #customer_login button.button{display:flex!important;justify-content:center;width:100%!important;min-height:54px!important;margin-top:4px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#e1c06c,#b88936)!important;box-shadow:0 12px 30px rgba(184,137,54,.2);color:#0b0906!important;font-size:.76rem!important}.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword{margin:12px 0 0!important;text-align:center}.woocommerce-account:not(.logged-in) #customer_login .woocommerce-LostPassword a{color:#caae6b!important;font-size:.66rem}.woocommerce-account:not(.logged-in) #customer_login .woocommerce-form-login__rememberme{display:flex!important;align-items:center;gap:7px;margin:4px 0 8px!important}.woocommerce-account:not(.logged-in) #customer_login input[type=checkbox]{accent-color:#d6b45f}.woocommerce-account:not(.logged-in) #customer_login .woocommerce-privacy-policy-text{color:#77736c;font-size:.62rem;line-height:1.75} .woocommerce-account:not(.logged-in) .hibr-ai-trigger{bottom:24px} @media(max-width:760px){.woocommerce-account:not(.logged-in) #main-content,.woocommerce-account:not(.logged-in) .main-content{min-height:auto;padding:82px 10px 34px!important;background:#070707}.woocommerce-account:not(.logged-in) .woocommerce{display:flex!important;flex-direction:column;min-height:0;border-radius:22px!important}.hibr-auth-intro{order:1;display:block;min-height:210px;padding:78px 24px 24px;background-position:50% 38%}.hibr-auth-intro h1{margin:10px 0 8px!important;font-size:2.65rem!important;line-height:.92!important}.hibr-auth-intro p{max-width:300px;font-size:.72rem;line-height:1.75}.hibr-auth-intro ul{display:none}.hibr-auth-switch{order:2;width:auto;margin:18px 16px 14px}.woocommerce-account:not(.logged-in) #customer_login{order:3;width:auto!important;margin:0 18px 24px!important}.woocommerce-account:not(.logged-in) #customer_login h2{font-size:1.35rem!important}.woocommerce-account:not(.logged-in) #customer_login input.input-text{min-height:52px!important}.woocommerce-account:not(.logged-in) #customer_login button.button{min-height:52px!important}.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper{order:0}.woocommerce-account:not(.logged-in) .hibr-ai-trigger{left:12px;bottom:78px}} /* Phones requesting “desktop site” still have a coarse touch pointer. Keep a genuinely mobile composition instead of shrinking the desktop canvas. */ @media (hover:none) and (pointer:coarse){ .hibr-header-inner{min-height:72px!important;padding-inline:14px!important;gap:9px!important} .hibr-nav{display:none!important} .hibr-menu-toggle{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:50%!important;background:rgba(9,9,8,.82)!important} .hibr-header-actions{display:flex!important;align-items:center!important;gap:6px!important;margin-inline-start:auto!important} .hibr-header-actions .hibr-btn{display:none!important} .hibr-account-link{width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;justify-content:center!important} .hibr-account-link b{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important} .hibr-cart{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:0!important} .home .hibr-header{background:rgba(5,5,4,.92)!important} .hibr-hero{min-height:88svh!important;height:auto!important;overflow:hidden!important} .hibr-hero-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important} .hibr-hero-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:38% center!important;transform:none!important} .hibr-hero-shade{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.1) 32%,rgba(0,0,0,.5) 60%,#030303 100%)!important} .hibr-hero-inner{position:relative!important;z-index:3!important;display:flex!important;align-items:flex-end!important;width:100%!important;min-height:88svh!important;padding:0 18px 28px!important} .hibr-hero-copy{width:100%!important;max-width:520px!important;margin:0!important;padding:0!important;transform:none!important} .hibr-hero-meta,.hibr-hero-details,.hibr-hero-location,.hibr-hero-est,.hibr-hero-rail{display:none!important} .hibr-hero-eyebrow{margin:0 0 9px!important;font-size:.48rem!important} .hibr-hero-title{margin:0!important;font-size:clamp(2.15rem,9vw,3.1rem)!important;line-height:.98!important} .hibr-hero-desc{margin-top:12px!important;font-size:.78rem!important;line-height:1.65!important} .hibr-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:16px!important} .hibr-hero-btn{width:100%!important;min-height:49px!important} .hibr-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .woocommerce-account .main-content{padding:0 10px 48px!important} .woocommerce-account .hibr-page-hero{margin-inline:-10px!important;padding:88px 18px 30px!important;min-height:0!important} .woocommerce-account .hibr-page-hero h1{font-size:2.65rem!important} .woocommerce-account:not(.logged-in) #customer_login{grid-template-columns:1fr!important;gap:14px!important} } /* HIBR hero artwork v2 — responsive focal point and readable copy. */ .home .hibr-hero-art img{object-position:center center!important} .home .hibr-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.02) 40%,rgba(0,0,0,.36) 58%,rgba(0,0,0,.88) 100%)!important} @media (min-width:761px) and (max-width:1180px){.home .hibr-hero-art img{object-position:42% center!important}.home .hibr-hero-copy{width:min(100%,520px)!important}.home .hibr-hero-title{font-size:clamp(3.15rem,6vw,5.5rem)!important}} @media (max-width:760px){.home .hibr-hero{min-height:90svh!important}.home .hibr-hero-art img{object-position:27% center!important}.home .hibr-hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.08) 32%,rgba(0,0,0,.5) 61%,#030303 100%)!important}.home .hibr-hero-inner{min-height:90svh!important;padding:0 18px 26px!important}.home .hibr-hero-copy{max-width:100%!important}.home .hibr-hero-title{text-shadow:0 3px 22px rgba(0,0,0,.8)}} @media (max-width:420px){.home .hibr-hero-art img{object-position:24% center!important}.home .hibr-hero-title{font-size:clamp(2.05rem,10vw,2.7rem)!important}.home .hibr-hero-desc{max-width:30rem!important}} @media (orientation:landscape) and (max-height:620px){.home .hibr-hero{min-height:100svh!important}.home .hibr-hero-inner{min-height:100svh!important;padding-block:82px 22px!important}.home .hibr-hero-art img{object-position:34% center!important}.home .hibr-hero-title{font-size:clamp(2rem,5.4vw,3.5rem)!important}.home .hibr-hero-desc{margin-top:8px!important}.home .hibr-hero-actions{margin-top:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* Dedicated portrait artwork avoids enlarging and softening the desktop crop on phones. */ .home .hibr-hero-art picture{position:absolute;inset:0;display:block;width:100%;height:100%} @media (max-width:760px){.home .hibr-hero-art img{object-position:center 42%!important}} @keyframes hibr-ai-spin{to{transform:rotate(360deg)}} @media (max-width:768px){.hibr-ai-box{margin-inline:10px}} .hibr-ai-styles{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.hibr-ai-styles button{min-height:36px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#111;color:#ccc;font-family:inherit;font-size:.68rem}.hibr-ai-styles button.is-active{border-color:#e6c36d;background:rgba(218,180,99,.14);color:#f0d58e}.hibr-ai-results{margin-top:24px;padding:24px;border:1px solid rgba(218,180,99,.25);border-radius:24px;background:#0d0d0c}.hibr-ai-results[hidden]{display:none}.hibr-ai-results-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:20px}.hibr-ai-results-head small{color:#d8b65f}.hibr-ai-results-head h2{margin:6px 0 0;font-size:clamp(1.4rem,3vw,2.3rem)}.hibr-ai-results-head button{padding:12px 18px;border:1px solid #d8b65f;border-radius:12px;background:transparent;color:#f2d488}.hibr-ai-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hibr-ai-result-card{position:relative;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#151514}.hibr-ai-result-card>span{position:absolute;z-index:2;top:14px;right:14px;padding:4px 7px;border-radius:7px;background:#080808;color:#e7c775;font-size:.65rem}.hibr-ai-result-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:11px;background:#fff}.hibr-ai-result-card>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.hibr-ai-result-card button{min-height:38px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:#222;color:#fff;font-family:inherit;font-size:.65rem}.hibr-ai-result-card .hibr-more-like{border-color:#d8b65f;color:#edcf83}@media(max-width:900px){.hibr-ai-results-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hibr-ai-results{padding:14px}.hibr-ai-results-head{align-items:stretch;flex-direction:column}.hibr-ai-results-grid{grid-template-columns:1fr}.hibr-ai-result-card>div{grid-template-columns:1fr 1fr}} /* Product gallery and quick tools — stable on every product category. */ .single-product .woocommerce-product-gallery__trigger{display:none!important} .single-product .woocommerce-product-gallery a{cursor:default!important;pointer-events:none!important} .single-product .woocommerce-product-gallery:after{content:none!important;display:none!important} .hibr-contact-dock{position:fixed!important;z-index:11000!important;right:max(16px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important;isolation:isolate!important;pointer-events:auto!important} .hibr-contact-dock-menu{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;visibility:visible!important;opacity:1!important} .hibr-contact-dock-item,.hibr-contact-dock-toggle{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;border:1px solid rgba(200,169,104,.48)!important;border-radius:50%!important;background:rgba(10,10,9,.96)!important;color:#f6f1e7!important;box-shadow:0 10px 26px rgba(0,0,0,.38)!important;visibility:visible!important;opacity:1!important;transform:none!important} .hibr-contact-dock-item svg,.hibr-contact-dock-toggle svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important} .hibr-contact-dock-item strong{color:#e1bc61!important;font:800 .65rem Arial!important}.hibr-contact-dock-item span{display:none!important}.hibr-contact-whatsapp{border-color:#25d366!important;color:#25d366!important}.hibr-contact-instagram{color:#f1b8d5!important}.hibr-contact-dock-toggle{display:none!important}.hibr-contact-top[hidden]{display:none!important} @media(max-width:760px){.hibr-contact-dock{right:12px!important;bottom:12px!important;gap:7px!important}.hibr-contact-dock-item,.hibr-contact-dock-toggle{width:43px!important;height:43px!important;min-width:43px!important}.hibr-contact-size,.hibr-contact-design,.hibr-contact-ai{display:flex!important}} /* HIBR product reviews — native WooCommerce ratings, styled for the store. */ .woocommerce-Reviews{margin-top:30px;padding:clamp(20px,4vw,38px);border:1px solid rgba(200,169,104,.32);border-radius:22px;background:linear-gradient(135deg,#14130f,#0b0b0a 66%)}.woocommerce-Reviews-title{margin:0 0 24px;color:#f5f1e9;font-size:clamp(1.45rem,3vw,2.1rem)}.woocommerce-Reviews-title span{color:#ddbd68}.woocommerce-Reviews #comments{margin:0}.woocommerce-Reviews #comments h2{font-size:1rem;color:#eee9df}.woocommerce-Reviews .commentlist{display:grid;gap:12px;margin:20px 0 30px;padding:0;list-style:none}.woocommerce-Reviews .commentlist li{margin:0;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025)}.woocommerce-Reviews .comment_container{display:grid;grid-template-columns:42px 1fr;gap:13px}.woocommerce-Reviews .avatar{width:42px!important;height:42px!important;border:1px solid rgba(200,169,104,.45);border-radius:50%;background:#171713}.woocommerce-Reviews .comment-text{margin:0!important;border:0!important;padding:0!important}.woocommerce-Reviews .meta{margin:0 0 8px!important;color:#99958d!important;font-size:.73rem}.woocommerce-Reviews .meta strong{color:#f3efe7;font-size:.82rem}.woocommerce-Reviews .description p{margin:0;color:#c5c0b7;line-height:1.85;font-size:.84rem}.woocommerce-Reviews .star-rating{float:none!important;margin:0 0 9px;color:#dcb95e}.woocommerce-Reviews #review_form_wrapper{padding:22px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.woocommerce-Reviews #reply-title{display:block;margin:0 0 8px;color:#f1ede4;font-size:1.15rem;font-weight:800}.hibr-review-intro{margin:0 0 18px;color:#aaa59c;font-size:.8rem;line-height:1.75}.woocommerce-Reviews .comment-form label{display:block;margin-bottom:8px;color:#e8e2d7;font-size:.78rem;font-weight:700}.woocommerce-Reviews .comment-form input,.woocommerce-Reviews .comment-form textarea,.woocommerce-Reviews .comment-form select{box-sizing:border-box;width:100%;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#090909;color:#f5f2eb;font:inherit}.woocommerce-Reviews .comment-form input{min-height:44px;padding:0 12px}.woocommerce-Reviews .comment-form textarea{min-height:124px;padding:12px;resize:vertical}.woocommerce-Reviews .comment-form-rating select{max-width:180px;min-height:42px;padding:0 10px}.woocommerce-Reviews .form-submit{margin:16px 0 0}.woocommerce-Reviews .submit{min-height:46px;padding:0 24px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#e0c06d,#b88d3d)!important;color:#0b0a08!important;font:800 .8rem inherit!important;cursor:pointer}.woocommerce-Reviews .submit:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:600px){.woocommerce-Reviews{margin-top:22px;padding:17px;border-radius:17px}.woocommerce-Reviews .comment_container{grid-template-columns:34px 1fr;gap:10px}.woocommerce-Reviews .avatar{width:34px!important;height:34px!important}.woocommerce-Reviews #review_form_wrapper{padding:18px 0 0;background:transparent}} /* ========================================================= HIBR STORE HERO — RESPONSIVE ========================================================= */ /* ---------- TABLET ---------- */ @media screen and (min-width:761px) and (max-width:1100px){ .hibr-store-v2-copy{ max-width:620px; } #hibr-store-title{ max-width:620px; font-size:clamp(3.7rem,7vw,5.7rem); line-height:.9; } .hibr-store-v2-copy h1 + p{ max-width:560px; font-size:.88rem; } } /* ---------- MOBILE ---------- */ @media screen and (max-width:760px){ .hibr-store-v2-hero{ min-height:auto; overflow:hidden; } .hibr-store-v2-hero-grid{ display:block; width:100%; padding:48px 22px 42px; } .hibr-store-v2-copy{ width:100%; max-width:none; margin:0; text-align:right; } .hibr-store-v2-copy .hibr-eyebrow{ margin-bottom:12px; font-size:.52rem; letter-spacing:.26em; } #hibr-store-title{ width:100%; max-width:none; margin:0 0 18px; font-size:clamp(2.65rem,12vw,4rem); line-height:.9; letter-spacing:-.04em; } #hibr-store-title span{ display:block; margin-top:8px; } .hibr-store-v2-copy h1 + p{ width:100%; max-width:none; margin:0; font-size:.78rem; line-height:1.75; color:rgba(245,242,236,.72); } .hibr-store-v2-copy::after{ margin-top:20px; } @keyframes hibrStoreLine{ to{ width:92px; } } } /* ---------- SMALL MOBILE ---------- */ @media screen and (max-width:390px){ .hibr-store-v2-hero-grid{ padding-inline:18px; } #hibr-store-title{ font-size:clamp(2.3rem,11.5vw,3rem); } .hibr-store-v2-copy h1 + p{ font-size:.73rem; } } /* ========================================================= HIBR STORE HERO — FINAL V3 Desktop + Mobile + Entrance ========================================================= */ /* ---------- DESKTOP ---------- */ .hibr-store-v2-hero{ min-height:650px !important; display:flex; align-items:center; } .hibr-store-v2-hero-grid{ width:100%; align-items:center !important; } .hibr-store-v2-copy .hibr-eyebrow{ margin-bottom:18px !important; color:#d8b463 !important; font-size:.64rem !important; letter-spacing:.32em !important; opacity:0; transform:translateY(12px); animation:hibrStoreFadeUp .65s ease .1s forwards; } #hibr-store-title{ max-width:9ch !important; margin:0 0 26px !important; font-size:clamp(4.4rem,7vw,7rem) !important; line-height:.88 !important; letter-spacing:-.055em !important; opacity:0; filter:blur(10px); transform:translateY(38px) scale(.97); animation:hibrStoreTitleIn 1s cubic-bezier(.16,1,.3,1) .18s forwards; } #hibr-store-title span{ color:#d8b463 !important; display:inline-block; animation:hibrStoreGoldGlow 1.4s ease 1s both; } .hibr-store-v2-copy > p:last-child{ max-width:620px !important; margin:0 !important; font-size:.95rem !important; line-height:1.9 !important; color:rgba(245,242,236,.70) !important; opacity:0; transform:translateY(18px); animation:hibrStoreFadeUp .8s ease .7s forwards; } /* ---------- ENTRANCE ---------- */ @keyframes hibrStoreTitleIn{ to{ opacity:1; filter:blur(0); transform:translateY(0) scale(1); } } @keyframes hibrStoreFadeUp{ to{ opacity:1; transform:translateY(0); } } @keyframes hibrStoreGoldGlow{ 0%{ text-shadow:0 0 0 rgba(216,180,99,0); } 50%{ text-shadow:0 0 34px rgba(216,180,99,.28); } 100%{ text-shadow:0 0 12px rgba(216,180,99,.08); } } /* ---------- TABLET ---------- */ @media screen and (min-width:761px) and (max-width:1100px){ .hibr-store-v2-hero{ min-height:580px !important; } #hibr-store-title{ font-size:clamp(3.7rem,7vw,5.5rem) !important; } .hibr-store-v2-copy > p:last-child{ max-width:520px !important; font-size:.88rem !important; } } /* ---------- MOBILE ---------- */ @media screen and (max-width:760px){ .hibr-store-v2-hero{ min-height:520px !important; padding:46px 0 38px !important; } .hibr-store-v2-hero-grid{ display:block !important; padding:0 20px !important; } .hibr-store-v2-copy{ width:100% !important; max-width:none !important; margin:0 !important; text-align:right !important; } .hibr-store-v2-copy .hibr-eyebrow{ font-size:.50rem !important; margin-bottom:12px !important; } #hibr-store-title{ width:100% !important; max-width:none !important; font-size:clamp(2.7rem,12vw,4rem) !important; line-height:.92 !important; margin-bottom:18px !important; } #hibr-store-title span{ display:block !important; margin-top:8px; } .hibr-store-v2-copy > p:last-child{ width:100% !important; max-width:none !important; font-size:.78rem !important; line-height:1.75 !important; } } /* ---------- SMALL MOBILE ---------- */ @media screen and (max-width:390px){ .hibr-store-v2-hero-grid{ padding-inline:17px !important; } #hibr-store-title{ font-size:2.55rem !important; } } /* Accessibility */ @media (prefers-reduced-motion:reduce){ .hibr-store-v2-copy .hibr-eyebrow, #hibr-store-title, #hibr-store-title span, .hibr-store-v2-copy > p:last-child{ animation:none !important; opacity:1 !important; filter:none !important; transform:none !important; } } /* ========================================================= HIBR STORE HERO — DESKTOP FORCE ========================================================= */ @media screen and (min-width:761px){ .hibr-store-v2-hero{ min-height:650px !important; display:flex !important; align-items:center !important; } .hibr-store-v2-hero-grid{ width:100% !important; align-items:center !important; } .hibr-store-v2-copy .hibr-eyebrow{ color:#d8b463 !important; font-size:.64rem !important; letter-spacing:.32em !important; margin-bottom:18px !important; clip-path:inset(0 0 100% 0); animation:hibrDesktopReveal .65s ease .1s forwards !important; } .hibr-store-v2-copy #hibr-store-title{ max-width:9ch !important; margin:0 0 26px !important; font-size:clamp(4.4rem,7vw,7rem) !important; line-height:.88 !important; letter-spacing:-.055em !important; clip-path:inset(0 0 100% 0); animation:hibrDesktopReveal 1s cubic-bezier(.16,1,.3,1) .2s forwards !important; } .hibr-store-v2-copy #hibr-store-title span{ color:#d8b463 !important; display:inline-block !important; animation:hibrDesktopGold 1.4s ease 1s both !important; } .hibr-store-v2-copy > p:last-child{ max-width:620px !important; margin:0 !important; color:rgba(245,242,236,.72) !important; font-size:.95rem !important; line-height:1.9 !important; clip-path:inset(0 0 100% 0); animation:hibrDesktopReveal .8s ease .7s forwards !important; } } @keyframes hibrDesktopReveal{ from{ clip-path:inset(0 0 100% 0); } to{ clip-path:inset(0 0 0 0); } } @keyframes hibrDesktopGold{ 0%{ text-shadow:0 0 0 rgba(216,180,99,0); } 55%{ text-shadow:0 0 34px rgba(216,180,99,.35); } 100%{ text-shadow:0 0 12px rgba(216,180,99,.08); } } /* ========================================================= HIBR STORE — SHOP WATERMARK MOTION FIX Desktop + Mobile ========================================================= */ .hibr-store-v2-hero{ position:relative; isolation:isolate; } .hibr-store-v2-watermark{ position:absolute; z-index:0 !important; pointer-events:none; color:rgba(255,255,255,.045) !important; opacity:1 !important; will-change:transform; } .hibr-store-v2-hero-grid{ position:relative; z-index:2; } /* DESKTOP */ @media screen and (min-width:761px){ .hibr-store-v2-watermark{ animation: hibrShopWatermarkDesktop 8s ease-in-out infinite alternate; } } /* MOBILE */ @media screen and (max-width:760px){ .hibr-store-v2-watermark{ color:rgba(255,255,255,.03) !important; animation: hibrShopWatermarkMobile 9s ease-in-out infinite alternate; } } /* HIBR SHOP WATERMARK — VISIBLE MOTION FIX */ @media screen and (min-width:761px){ .hibr-store-v2-watermark{ left:-1rem !important; bottom:-3.5rem !important; animation:hibrShopMoveDesktop 5s ease-in-out infinite alternate !important; } } @keyframes hibrShopMoveDesktop{ 0%{ left:-1rem; bottom:-3.5rem; } 100%{ left:2.2rem; bottom:-2.2rem; } } /* MOBILE */ @media screen and (max-width:760px){ .hibr-store-v2-watermark{ left:-.5rem !important; bottom:-1.5rem !important; animation:hibrShopMoveMobile 6s ease-in-out infinite alternate !important; } } @keyframes hibrShopMoveMobile{ 0%{ left:-.5rem; bottom:-1.5rem; } 100%{ left:.8rem; bottom:-.8rem; } } /* HIBR FOOTER V3 — compact editorial layout */ .hibr-footer{ position:relative; isolation:isolate; padding:clamp(24px,3vw,42px) 0 14px!important; background: radial-gradient(680px 260px at 86% 0,rgba(216,181,92,.105),transparent 68%), linear-gradient(180deg,#090908 0%,#050505 100%)!important; border-top:1px solid rgba(218,184,98,.2)!important; overflow:hidden; } .hibr-footer:after{ content:"HIBR"; position:absolute; z-index:-1; left:-.035em; bottom:-.27em; color:rgba(255,255,255,.018); font:900 clamp(8rem,22vw,24rem)/1 Arial,sans-serif; letter-spacing:-.09em; pointer-events:none; } .hibr-footer .hibr-container{position:relative} .hibr-footer-cta{ align-items:center!important; padding:clamp(20px,2.2vw,30px)!important; margin-bottom:clamp(28px,4vw,48px)!important; border:1px solid rgba(218,184,98,.24)!important; border-radius:22px!important; background:linear-gradient(110deg,rgba(218,184,98,.115),rgba(255,255,255,.018) 58%,rgba(255,255,255,.035))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 20px 60px rgba(0,0,0,.16)!important; } .hibr-footer-cta>div:first-child{max-width:590px} .hibr-footer-cta h2{font-size:clamp(1.8rem,3.2vw,3.3rem)!important;letter-spacing:-.035em} .hibr-footer-cta p:not(.hibr-footer-kicker){margin:7px 0 0!important;color:#aaa69d!important;font-size:.82rem!important;line-height:1.75!important} .hibr-footer-cta-actions{flex:none!important} .hibr-footer-cta-actions a{min-height:46px!important;padding:0 21px!important;border-radius:12px!important;transition:transform .2s ease,border-color .2s ease,background .2s ease!important} .hibr-footer-cta-actions a:hover{transform:translateY(-2px)} .hibr-footer-cta-primary{box-shadow:0 10px 26px rgba(218,184,98,.12)} .hibr-footer-cta-secondary:hover{border-color:rgba(218,184,98,.52)!important;background:rgba(218,184,98,.06)} .hibr-footer-main{ grid-template-columns:minmax(235px,.8fr) minmax(0,1.55fr)!important; align-items:start; gap:clamp(40px,7vw,100px)!important; padding-bottom:clamp(24px,3vw,38px)!important; } .hibr-footer-brand{max-width:320px!important} .hibr-footer-logo{display:inline-flex!important;align-items:baseline;gap:11px;margin:8px 0 0!important} .hibr-footer-logo span{font-size:clamp(2.7rem,4vw,4.1rem)!important;line-height:1!important} .hibr-footer-logo small{color:#cdae5c!important;letter-spacing:.3em!important} .hibr-footer-tagline{margin:13px 0 0!important;font-size:1.05rem!important;line-height:1.5!important} .hibr-footer-description{max-width:290px;margin:6px 0 0!important;font-size:.76rem!important;line-height:1.75!important} .hibr-footer-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(20px,4vw,58px)!important} .hibr-footer-column{padding-top:13px!important;border-top:1px solid rgba(255,255,255,.09)} .hibr-footer-column:before{width:26px!important;height:2px!important} .hibr-footer-label{margin-bottom:14px!important} .hibr-footer-link{position:relative;width:max-content;max-width:100%;margin-bottom:9px!important;color:#bbb7ae!important;font-size:.78rem!important;line-height:1.6;transition:color .2s ease,transform .2s ease!important} a.hibr-footer-link:after{content:"↗";display:inline-block;margin-inline-start:7px;color:#c9a853;opacity:0;transform:translate(-4px,4px);transition:.2s ease} a.hibr-footer-link:hover{color:#f4f0e7!important;transform:translateX(-3px)} a.hibr-footer-link:hover:after{opacity:1;transform:none} .hibr-footer-contact span{display:inline-flex;margin-inline-end:5px;padding:2px 7px;border-radius:99px;background:#d8b65e;color:#080807;font-size:.58rem;font-weight:900} .hibr-footer-trust{ gap:9px; padding:10px 0!important; border-color:rgba(255,255,255,.075)!important; } .hibr-footer-trust>div{ align-items:center; gap:10px!important; padding:10px 13px!important; border:1px solid rgba(255,255,255,.075)!important; border-radius:12px; background:rgba(255,255,255,.018); } .hibr-footer-trust>div>span{display:grid;place-items:center;flex:0 0 31px;height:31px;border:1px solid rgba(216,182,94,.32);border-radius:9px;font-size:.61rem} .hibr-footer-trust p{display:grid;margin:0!important;line-height:1.35} .hibr-footer-trust b{font-size:.7rem!important} .hibr-footer-trust small{font-size:.58rem!important} .hibr-footer-bottom{align-items:center;padding-top:13px!important;font-size:.54rem!important;letter-spacing:.14em!important} /* Ahmed Elgindy — editorial profile in the shared footer. */ .hibr-footer .hibr-founder{display:grid;grid-template-columns:minmax(150px,215px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,70px);margin:0 0 clamp(28px,4vw,46px);padding:clamp(24px,3vw,40px) 0;border-block:1px solid rgba(216,185,111,.24);color:#f2ece1} .hibr-footer .hibr-founder-portrait{position:relative;max-width:215px;aspect-ratio:4/5;overflow:hidden;background:#15120e} .hibr-footer .hibr-founder-portrait::after{content:"";position:absolute;inset:0;border:1px solid rgba(216,185,111,.5);background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.44));pointer-events:none} .hibr-footer .hibr-founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 26%;filter:contrast(1.06) saturate(.85)} .hibr-footer .hibr-founder-portrait span{position:absolute;z-index:1;right:12px;bottom:11px;color:#e3c47e;font:700 .48rem Arial,sans-serif;letter-spacing:.13em;text-shadow:0 2px 8px #000} .hibr-footer .hibr-founder-copy{min-width:0;max-width:650px} .hibr-footer .hibr-founder-copy .hibr-footer-kicker{color:#d6b76d!important;font-size:.58rem!important;letter-spacing:.17em} .hibr-footer .hibr-founder-copy h2{margin:10px 0 0;color:#f5efe5;font-size:clamp(1.65rem,3.2vw,2.8rem);line-height:1.25} .hibr-footer .hibr-founder-name{margin:7px 0 0;color:#dfc17e;font-size:.92rem;font-weight:800} .hibr-footer .hibr-founder-note{margin:15px 0 0;color:#bdb5a9;font-size:clamp(.84rem,1.15vw,.98rem);line-height:1.9} .hibr-footer .hibr-founder-links{display:flex;align-items:center;flex-wrap:wrap;gap:11px 18px;margin-top:22px} .hibr-footer .hibr-founder-links a{max-width:100%;overflow-wrap:anywhere;text-decoration:none;transition:color .2s,background .2s,transform .2s} .hibr-footer .hibr-founder-primary{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:45px;padding:0 19px;background:#d8b96f;color:#0c0a07!important;font-weight:800} .hibr-footer .hibr-founder-primary:hover,.hibr-footer .hibr-founder-primary:focus-visible{background:#f0d18b;transform:translateY(-2px)} .hibr-footer .hibr-founder-email,.hibr-footer .hibr-founder-social{color:#ded5c5!important;font-size:.77rem;text-decoration:underline!important;text-decoration-color:rgba(216,185,111,.5)!important;text-underline-offset:5px} .hibr-footer .hibr-founder-email:hover,.hibr-footer .hibr-founder-social:hover,.hibr-footer .hibr-founder-email:focus-visible,.hibr-footer .hibr-founder-social:focus-visible{color:#f0d18b!important} @media(max-width:600px){.hibr-footer .hibr-founder{grid-template-columns:100px minmax(0,1fr);align-items:start;gap:16px;padding:23px 0}.hibr-footer .hibr-founder-portrait{max-width:100px}.hibr-footer .hibr-founder-portrait span{display:none}.hibr-footer .hibr-founder-copy h2{font-size:1.3rem}.hibr-footer .hibr-founder-note{font-size:.74rem;line-height:1.75}.hibr-footer .hibr-founder-links{gap:9px;margin-top:14px}.hibr-footer .hibr-founder-primary{min-height:40px;padding:0 13px;font-size:.72rem}.hibr-footer .hibr-founder-email{width:100%;font-size:.65rem}.hibr-footer .hibr-founder-social{font-size:.7rem}} @media(max-width:360px){.hibr-footer .hibr-founder{grid-template-columns:1fr}.hibr-footer .hibr-founder-portrait{width:112px}} @media(max-width:780px){ .hibr-footer{padding:18px 0 10px!important} .hibr-footer:after{font-size:42vw;bottom:.03em} .hibr-footer-cta{gap:17px!important;padding:20px 17px!important;margin-bottom:27px!important;border-radius:17px!important} .hibr-footer-cta h2{font-size:1.8rem!important} .hibr-footer-cta p:not(.hibr-footer-kicker){font-size:.74rem!important} .hibr-footer-cta-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:8px!important} .hibr-footer-cta-actions a{min-height:43px!important;padding:0 10px!important;font-size:.7rem!important} .hibr-footer-main{grid-template-columns:1fr!important;gap:24px!important;padding-bottom:21px!important} .hibr-footer-brand{max-width:none!important;text-align:center} .hibr-footer-logo{justify-content:center!important} .hibr-footer-description{margin-inline:auto!important} .hibr-footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 14px!important;text-align:center} .hibr-footer-column{padding-top:11px!important} .hibr-footer-column:before{right:50%!important;transform:translateX(50%)} .hibr-footer-column:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px} .hibr-footer-column:last-child .hibr-footer-label{grid-column:1/-1} .hibr-footer-link{width:auto;margin-inline:auto!important;font-size:.71rem!important} .hibr-footer-trust{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} .hibr-footer-trust>div{display:grid!important;justify-items:center;gap:6px!important;padding:9px 5px!important;text-align:center} .hibr-footer-trust>div>span{width:29px;height:29px} .hibr-footer-trust small{display:none} .hibr-footer-bottom{grid-template-columns:1fr!important;justify-items:center!important;gap:8px!important;text-align:center} } @media(max-width:390px){ .hibr-footer-cta-actions{grid-template-columns:1fr} .hibr-footer-column:last-child{grid-template-columns:1fr} .hibr-footer-trust b{font-size:.62rem!important} } /* HIBR FIRST DROP V3 — product-led showcase */ .drop{ padding:clamp(72px,8vw,112px) 0 clamp(78px,9vw,124px)!important; background: radial-gradient(650px 360px at 82% 5%,rgba(211,174,84,.105),transparent 68%), radial-gradient(500px 340px at 10% 85%,rgba(255,255,255,.025),transparent 72%), #070706!important; } .drop>.hibr-container{position:relative;max-width:1320px!important} .drop-watermark{ position:absolute; top:-.38em; left:0; color:rgba(255,255,255,.018); font:900 clamp(10rem,21vw,21rem)/1 Arial,sans-serif; letter-spacing:-.08em; pointer-events:none; } .drop-head{ position:relative; z-index:1; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important; align-items:center!important; gap:clamp(40px,8vw,120px)!important; margin-bottom:clamp(38px,5vw,62px)!important; } .drop-kicker{display:inline-flex;align-items:center;gap:11px;margin-bottom:13px!important} .drop-kicker:before{content:"";width:34px;height:1px;background:#d4ae62} .drop-title{font-size:clamp(3.8rem,6vw,7rem)!important;line-height:.86!important} .drop-support{display:none} .drop-side{ max-width:440px!important; padding:21px 22px; border-inline-start:2px solid rgba(212,174,98,.72); border-radius:0 13px 13px 0; background:linear-gradient(90deg,rgba(212,174,98,.07),transparent); color:#aaa69e!important; font-size:.9rem!important; } .drop-link{ min-height:42px; margin-top:14px!important; padding:0 16px; border:1px solid rgba(212,174,98,.32); border-radius:999px; background:rgba(212,174,98,.055); font-weight:800; } .drop-link:hover{background:#d4ae62;color:#090806!important} .drop-swipe-hint{display:none} .drop .product-grid{ position:relative; z-index:1; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(16px,2vw,27px)!important; } .drop .hibr-card{ border-radius:20px!important; background:linear-gradient(165deg,#11110f,#090909)!important; border-color:rgba(255,255,255,.095)!important; } .drop .hibr-card>a{display:block;height:100%;color:inherit;text-decoration:none} .drop .hibr-card-media{aspect-ratio:4/4.55!important} .drop .hibr-card-info{padding:22px 22px 21px!important} .drop .hibr-card h3{font-size:clamp(1rem,1.25vw,1.3rem)!important} .drop .hibr-card-meta>span:last-child{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 12px; border:1px solid rgba(212,174,98,.25); border-radius:999px; white-space:nowrap; } .drop .hibr-card--accessory{border-color:rgba(212,174,98,.32)!important} .drop .hibr-card--accessory .hibr-card-media img{padding:0!important;object-fit:cover!important;transform:scale(1.01)!important} .drop .hibr-card--accessory:hover .hibr-card-media img{transform:scale(1.065)!important} .drop .hibr-card--accessory .hibr-card-type:after{content:" / CHAINS + BRACELETS";color:rgba(255,255,255,.36)} @media(max-width:960px){ .drop-head{grid-template-columns:1fr!important;gap:25px!important} .drop-side{justify-self:stretch!important;max-width:none!important} } @media(max-width:760px){ .drop{padding:62px 0 76px!important;overflow:visible!important} .drop>.hibr-container{padding-inline:0!important} .drop-head{padding-inline:20px;margin-bottom:24px!important} .drop-watermark{top:0;left:8px;font-size:11rem} .drop-title{font-size:clamp(3.2rem,15vw,4.6rem)!important} .drop-side{padding:16px 17px;font-size:.78rem!important} .drop-link{min-height:39px;font-size:.72rem!important} .drop-swipe-hint{display:flex;align-items:center;justify-content:space-between;margin:0 20px 13px;color:#8e8a82;font-size:.68rem} .drop-swipe-hint span{color:#d4ae62;font-size:1rem} .drop .product-grid{ display:flex!important; gap:13px!important; overflow-x:auto; overscroll-behavior-inline:contain; scroll-snap-type:x mandatory; scrollbar-width:none; padding:0 20px 16px; scroll-padding-inline:20px; } .drop .product-grid::-webkit-scrollbar{display:none} .drop .hibr-card{ flex:0 0 min(82vw,330px); scroll-snap-align:start; border-radius:17px!important; } .drop .hibr-card-media{aspect-ratio:4/4.45!important} .drop .hibr-card-info{padding:18px!important} .drop .hibr-card-info>p:not(.hibr-card-type){min-height:0!important;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden} } @media(prefers-reduced-motion:reduce){ .drop .hibr-card,.drop .hibr-card-media img{transition:none!important} } /* First Drop: softer editorial cards instead of boxed catalogue tiles. */ .drop .hibr-card{ isolation:isolate; padding:10px!important; border:1px solid rgba(212,174,98,.19)!important; border-radius:30px!important; background:linear-gradient(145deg,rgba(38,35,28,.96),#0b0b0a 42%,#080808)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 42px rgba(0,0,0,.2); } .drop .hibr-card:before{ content:''; position:absolute; z-index:-1; inset:0; border-radius:inherit; background:radial-gradient(circle at 78% 0,rgba(212,174,98,.16),transparent 32%); opacity:.7; } .drop .hibr-card>a{border-radius:21px;overflow:hidden} .drop .hibr-card-media{ margin:0!important; aspect-ratio:4/4.72!important; border:1px solid rgba(255,255,255,.055); border-radius:20px 20px 10px 10px; overflow:hidden; background:radial-gradient(circle at 50% 36%,#29271f 0,#11110f 54%,#090909 100%); } .drop .hibr-card-media:after{ content:''; position:absolute; inset:auto 11px 11px auto; width:42px; height:1px; background:rgba(212,174,98,.75); } .drop .hibr-card-info{padding:17px 9px 8px!important} .drop .hibr-card-type{margin-bottom:7px!important;color:rgba(212,174,98,.8)!important;font-size:.56rem!important;letter-spacing:.19em!important} .drop .hibr-card h3{min-height:0!important;margin-bottom:7px!important;font-size:clamp(1rem,1.25vw,1.24rem)!important;line-height:1.38!important} .drop .hibr-card-info>p:not(.hibr-card-type){min-height:0!important;margin-bottom:14px!important;color:#aaa69e!important;font-size:.76rem!important;line-height:1.65!important} .drop .hibr-card-meta{padding-top:12px!important;border-top:1px solid rgba(255,255,255,.075)!important} .drop .hibr-card-meta>span:last-child{min-height:31px;padding:0 11px;border-color:rgba(212,174,98,.36);background:rgba(212,174,98,.07);font-size:.67rem!important} .drop .hibr-card:hover{transform:translateY(-8px) rotate(-.25deg)!important;border-color:rgba(212,174,98,.58)!important;box-shadow:0 30px 68px rgba(0,0,0,.5),0 0 0 1px rgba(212,174,98,.09)!important} .drop .hibr-card:hover .hibr-card-media img{transform:scale(1.045)!important} @media(max-width:760px){ .drop .hibr-card{padding:8px!important;border-radius:24px!important} .drop .hibr-card>a{border-radius:17px} .drop .hibr-card-media{border-radius:17px 17px 8px 8px} .drop .hibr-card-info{padding:15px 8px 7px!important} } /* Store catalogue: use the same soft editorial language on every product card. */ .hibr-store-v2-products .woocommerce ul.products li.product, .woocommerce ul.products li.product{ overflow:hidden; padding:9px 9px 13px!important; border:1px solid rgba(212,174,98,.16)!important; border-radius:26px!important; background:linear-gradient(145deg,#171610,#0c0c0b 44%,#090909)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 35px rgba(0,0,0,.18); } .hibr-store-v2-products .woocommerce ul.products li.product .woocommerce-loop-product__link, .woocommerce ul.products li.product .woocommerce-loop-product__link{overflow:hidden;border-radius:18px 18px 10px 10px;background:radial-gradient(circle at 50% 32%,#29271f,#10100e 62%,#090909)} .hibr-store-v2-products .woocommerce ul.products li.product a img, .woocommerce ul.products li.product a img{border-radius:18px 18px 10px 10px!important;aspect-ratio:4/4.72!important;object-fit:contain!important} .hibr-store-v2-products .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title{min-height:0!important;margin:0!important;padding:16px 9px 6px!important;line-height:1.45!important} .hibr-store-v2-products .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price{display:block;padding:0 9px 11px!important;color:#d4ae62!important;font-size:.82rem!important;font-weight:800} .hibr-store-v2-products .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .button{display:flex!important;align-items:center;justify-content:center;min-height:38px;margin:0 9px!important;border:1px solid rgba(212,174,98,.38)!important;border-radius:999px!important;background:rgba(212,174,98,.055)!important;color:#efe9dc!important;font-size:.72rem!important} .hibr-store-v2-products .woocommerce ul.products li.product:hover, .woocommerce ul.products li.product:hover{transform:translateY(-7px)!important;border-color:rgba(212,174,98,.56)!important;box-shadow:0 28px 62px rgba(0,0,0,.44),0 0 0 1px rgba(212,174,98,.07)!important} .hibr-store-v2-products .woocommerce ul.products li.product:hover .button, .woocommerce ul.products li.product:hover .button{background:#d4ae62!important;color:#0b0a08!important;border-color:#d4ae62!important} @media(max-width:600px){ .hibr-store-v2-products .woocommerce ul.products li.product, .woocommerce ul.products li.product{padding:6px 6px 9px!important;border-radius:19px!important} .hibr-store-v2-products .woocommerce ul.products li.product .woocommerce-loop-product__link, .woocommerce ul.products li.product .woocommerce-loop-product__link, .hibr-store-v2-products .woocommerce ul.products li.product a img, .woocommerce ul.products li.product a img{border-radius:14px 14px 7px 7px!important} .hibr-store-v2-products .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title{padding:11px 7px 5px!important} .hibr-store-v2-products .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price{padding:0 7px 8px!important} .hibr-store-v2-products .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .button{margin:0 7px!important;min-height:35px} } /* First Drop is always one horizontal rail; new products continue sideways. */ .drop .product-grid{ display:flex!important; grid-template-columns:none!important; flex-wrap:nowrap!important; gap:clamp(14px,1.55vw,24px)!important; width:100%; max-width:100%; padding:8px 4px 24px!important; overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:x proximity; scroll-padding-inline:4px; overscroll-behavior-inline:contain; scrollbar-width:none; } .drop .product-grid::-webkit-scrollbar{display:none} .drop .product-grid .hibr-card{ flex:0 0 clamp(290px,28vw,370px)!important; width:clamp(290px,28vw,370px)!important; max-width:none!important; scroll-snap-align:start; } .drop-swipe-hint{display:flex!important;align-items:center;justify-content:flex-start;gap:9px;margin:0 4px 10px;color:#8e8a82;font-size:.68rem} .drop-swipe-hint span{color:#d4ae62;font-size:1rem} .drop-rail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 4px 12px} .drop-rail-toolbar .drop-swipe-hint{margin:0!important} .drop-rail-buttons{display:flex;direction:ltr;gap:9px} .drop-rail-button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(212,174,98,.4);border-radius:50%;background:rgba(15,14,11,.86);color:#f4eee2;font-size:1.15rem;line-height:1;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease} .drop-rail-button:hover{transform:translateY(-2px);border-color:#d4ae62;background:#d4ae62;color:#090806} .drop-rail-button:active{transform:scale(.92)} .drop-rail-button:disabled{opacity:.3;cursor:default;transform:none;background:rgba(15,14,11,.55);color:#857f74} .drop-rail-progress{position:relative;height:3px;margin:1px 4px 0;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.065)} .drop-rail-progress span{position:absolute;inset:0 auto 0 0;width:18%;border-radius:inherit;background:linear-gradient(90deg,#8e6b31,#e2bd6a);box-shadow:0 0 18px rgba(212,174,98,.42);transform:translateX(0);transition:transform .12s linear} @media(max-width:760px){ .drop .product-grid{padding:4px 20px 18px!important;scroll-padding-inline:20px;scroll-snap-type:x mandatory} .drop .product-grid .hibr-card{flex-basis:min(84vw,330px)!important;width:min(84vw,330px)!important} .drop-swipe-hint{margin-inline:20px} .drop-rail-toolbar{margin:0 20px 10px} .drop-rail-button{width:41px;height:41px} .drop-rail-progress{margin-inline:20px} } /* ========================================= HIBR FIRST DROP — CLEAN HERO ========================================= */ .drop-head{ display:block !important; position:relative; } .drop-head > div:first-child{ width:min(100%, 760px); margin-inline-start:auto; text-align:right; position:relative; z-index:2; } /* FIRST DROP / 01 */ .drop-kicker{ margin-bottom:16px !important; color:#d8b463 !important; font-size:.68rem !important; letter-spacing:.28em !important; opacity:0; transform:translateY(12px); animation:hibrDropFade .65s ease .1s forwards; } /* دي أول نزلة لينا */ .drop-title{ margin:0 !important; font-size:clamp(4.5rem,7.5vw,7.6rem) !important; line-height:.82 !important; letter-spacing:-.05em !important; color:#f5f2ec !important; opacity:0; filter:blur(8px); transform:translateY(32px); animation:hibrDropTitle 1s cubic-bezier(.16,1,.3,1) .18s forwards; } .drop-title span{ display:block; color:#d8b463 !important; text-shadow:0 0 28px rgba(216,180,99,.10); } /* بسيطة؟ آه / عادية؟ لأ */ .drop-support{ margin-top:24px !important; color:rgba(245,242,236,.62) !important; font-size:.9rem !important; line-height:1.9 !important; opacity:0; transform:translateY(15px); animation:hibrDropFade .75s ease .72s forwards; } /* animation */ @keyframes hibrDropTitle{ to{ opacity:1; filter:blur(0); transform:translateY(0); } } @keyframes hibrDropFade{ to{ opacity:1; transform:translateY(0); } } /* MOBILE */ @media screen and (max-width:760px){ .drop-head > div:first-child{ width:100%; margin:0; } .drop-kicker{ font-size:.52rem !important; margin-bottom:11px !important; } .drop-title{ font-size:clamp(3rem,13vw,4.6rem) !important; line-height:.88 !important; } .drop-support{ margin-top:18px !important; font-size:.78rem !important; } } @media (prefers-reduced-motion:reduce){ .drop-kicker, .drop-title, .drop-support{ animation:none !important; opacity:1 !important; filter:none !important; transform:none !important; } } /* ========================================= HIBR FIRST DROP — CENTERED CINEMATIC ========================================= */ .drop{ position:relative; overflow:hidden; } .drop-head{ min-height:520px; display:flex !important; align-items:center; justify-content:center; text-align:center; position:relative; } .drop-head > div:first-child{ width:min(92%, 900px) !important; margin:0 auto !important; text-align:center !important; position:relative; z-index:2; } /* FIRST DROP / 01 */ .drop-kicker{ margin-bottom:18px !important; color:#d8b463 !important; font-size:.68rem !important; letter-spacing:.34em !important; opacity:0; transform:translateY(14px); animation: hibrDropKickerIn .6s cubic-bezier(.22,1,.36,1) .08s forwards; } /* العنوان */ .drop-title{ margin:0 !important; font-size:clamp(4.6rem,8vw,8rem) !important; line-height:.82 !important; letter-spacing:-.055em !important; color:#f5f2ec !important; opacity:0; filter:blur(10px); transform: translateY(38px) scale(.96); animation: hibrDropTitleIn 1s cubic-bezier(.16,1,.3,1) .18s forwards; } .drop-title span{ display:block; color:#d8b463 !important; animation: hibrDropGoldPulse 1.6s ease 1s both; } /* النص الصغير */ .drop-support{ margin-top:24px !important; color:rgba(245,242,236,.62) !important; font-size:.92rem !important; line-height:1.9 !important; opacity:0; transform:translateY(16px); animation: hibrDropSupportIn .8s ease .72s forwards; } /* خط ذهبي تحت النص */ .drop-head > div:first-child::after{ content:""; display:block; width:0; height:1px; margin:28px auto 0; background: linear-gradient( 90deg, transparent, #d8b463, transparent ); opacity:.8; animation: hibrDropLine 1s ease 1.05s forwards; } /* ========= ANIMATIONS ========= */ @keyframes hibrDropKickerIn{ to{ opacity:1; transform:translateY(0); } } @keyframes hibrDropTitleIn{ to{ opacity:1; filter:blur(0); transform:translateY(0) scale(1); } } @keyframes hibrDropSupportIn{ to{ opacity:1; transform:translateY(0); } } @keyframes hibrDropGoldPulse{ 0%{ text-shadow:0 0 0 rgba(216,180,99,0); } 50%{ text-shadow:0 0 36px rgba(216,180,99,.30); } 100%{ text-shadow:0 0 12px rgba(216,180,99,.08); } } @keyframes hibrDropLine{ to{ width:170px; } } /* ========= MOBILE ========= */ @media screen and (max-width:760px){ .drop-head{ min-height:390px; padding:42px 18px; } .drop-head > div:first-child{ width:100% !important; } .drop-kicker{ font-size:.52rem !important; margin-bottom:12px !important; } .drop-title{ font-size:clamp(3rem,13vw,4.7rem) !important; line-height:.88 !important; } .drop-support{ margin-top:18px !important; font-size:.78rem !important; } .drop-head > div:first-child::after{ margin-top:20px; } @keyframes hibrDropLine{ to{ width:110px; } } } /* Accessibility */ @media (prefers-reduced-motion:reduce){ .drop-kicker, .drop-title, .drop-title span, .drop-support, .drop-head > div:first-child::after{ animation:none !important; opacity:1 !important; filter:none !important; transform:none !important; } } /* HIBR FIRST DROP — COMPACT SPACING */ .drop{ padding-top:40px !important; padding-bottom:30px !important; } .drop-head{ min-height:310px !important; padding:20px 0 !important; } /* Desktop */ @media screen and (min-width:761px){ .drop-head{ min-height:300px !important; } .drop-title{ font-size:clamp(3.8rem,6vw,6rem) !important; } .drop-support{ margin-top:16px !important; } } /* Mobile */ @media screen and (max-width:760px){ .drop{ padding-top:28px !important; padding-bottom:22px !important; } .drop-head{ min-height:250px !important; padding:22px 14px !important; } .drop-title{ font-size:clamp(2.7rem,12vw,4rem) !important; } } /* ========================================================= HIBR FIRST DROP — MODERN COMPACT V2 Desktop + Mobile ========================================================= */ .drop{ position:relative; overflow:hidden; padding:0 !important; background: radial-gradient( circle at 50% 50%, rgba(216,180,99,.075), transparent 38% ), #070707 !important; border-top:1px solid rgba(255,255,255,.055); border-bottom:1px solid rgba(255,255,255,.055); } /* رقم خلفي مودرن */ .drop::before{ content:"01"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:clamp(10rem,22vw,22rem); font-weight:900; line-height:1; color:transparent; -webkit-text-stroke:1px rgba(216,180,99,.055); pointer-events:none; z-index:0; } /* Glow */ .drop::after{ content:""; position:absolute; width:380px; height:180px; left:50%; top:50%; transform:translate(-50%,-50%); background:rgba(216,180,99,.07); filter:blur(80px); pointer-events:none; } /* Main content */ .drop-head{ min-height:270px !important; padding:32px 20px !important; display:flex !important; align-items:center !important; justify-content:center !important; position:relative; z-index:2; } .drop-head > div:first-child{ width:min(100%,760px) !important; margin:0 auto !important; text-align:center !important; } /* FIRST DROP / 01 */ .drop-kicker{ display:inline-flex; align-items:center; gap:10px; margin:0 0 12px !important; color:#d8b463 !important; font-size:.58rem !important; font-weight:600; letter-spacing:.32em !important; } /* خط صغير قبل النص */ .drop-kicker::before{ content:""; width:34px; height:1px; background:#d8b463; } /* Main title */ .drop-title{ margin:0 !important; font-size:clamp(3.6rem,6vw,6rem) !important; line-height:.84 !important; letter-spacing:-.05em !important; color:#f5f2ec !important; } .drop-title span{ display:block; color:#d8b463 !important; text-shadow: 0 0 30px rgba(216,180,99,.10); } /* Support text */ .drop-support{ margin:15px 0 0 !important; color:rgba(245,242,236,.52) !important; font-size:.78rem !important; line-height:1.7 !important; } /* Bottom accent */ .drop-head > div:first-child::after{ content:""; display:block; width:75px !important; height:1px; margin:18px auto 0; background: linear-gradient( 90deg, transparent, #d8b463, transparent ); opacity:.8; } /* ========================================================= MODERN ENTRANCE ========================================================= */ .drop-kicker{ animation:hibrModernDropTop .6s ease both; } .drop-title{ animation:hibrModernDropTitle .85s cubic-bezier(.16,1,.3,1) .08s both; } .drop-support{ animation:hibrModernDropTop .7s ease .35s both; } @keyframes hibrModernDropTop{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:translateY(0); } } @keyframes hibrModernDropTitle{ from{ opacity:0; transform:scale(.94); filter:blur(8px); } to{ opacity:1; transform:scale(1); filter:blur(0); } } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width:760px){ .drop-head{ min-height:220px !important; padding:28px 18px !important; } .drop::before{ font-size:42vw; } .drop::after{ width:240px; height:140px; } .drop-kicker{ font-size:.48rem !important; letter-spacing:.24em !important; margin-bottom:10px !important; } .drop-kicker::before{ width:22px; } .drop-title{ font-size:clamp(2.8rem,13vw,4.1rem) !important; line-height:.88 !important; } .drop-support{ margin-top:12px !important; font-size:.72rem !important; } .drop-head > div:first-child::after{ margin-top:15px; width:55px !important; } } /* Reduced motion */ @media (prefers-reduced-motion:reduce){ .drop-kicker, .drop-title, .drop-support{ animation:none !important; } } /* لمسة Hover للديسكتوب */ @media screen and (min-width:761px){ .drop .hibr-card.hibr-card-visible:hover{ transform:translateY(-7px) scale(1.012); } } /* الموبايل حركة أخف */ @media screen and (max-width:760px){ .drop .hibr-card{ transform:translateY(24px) scale(.985); filter:blur(3px); transition-duration:.55s; } .drop .hibr-card.hibr-card-visible{ transform:translateY(0) scale(1); } } /* لو المستخدم قافل الأنيميشن */ @media (prefers-reduced-motion:reduce){ .drop .hibr-card{ opacity:1 !important; transform:none !important; filter:none !important; transition:none !important; } } /* HIBR CARD — MODERN HOVER */ @media screen and (min-width:761px){ .drop .hibr-card{ transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease !important; } .drop .hibr-card:hover{ transform:translateY(-8px) scale(1.012) !important; box-shadow: 0 24px 70px rgba(0,0,0,.35), 0 0 0 1px rgba(216,180,99,.14); border-color:rgba(216,180,99,.35) !important; } .drop .hibr-card:hover .hibr-card-media img{ transform:scale(1.035); } .drop .hibr-card-media img{ transition:transform .5s cubic-bezier(.16,1,.3,1); } } /* ============================== HIBR DROP NAV — MODERN ARROWS ============================== */ .drop-nav{ display:flex; align-items:center; gap:14px; } .drop-arrow{ width:58px; height:58px; border-radius:18px; border:1px solid rgba(216,180,99,.22); background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)), rgba(10,10,10,.82); color:#d8b463; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; position:relative; overflow:hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04); transition: transform .28s cubic-bezier(.16,1,.3,1), background .28s ease, border-color .28s ease, box-shadow .28s ease, color .28s ease; } .drop-arrow span{ font-size:24px; line-height:1; transform:translateY(-1px); transition:transform .28s ease; } /* لمعة خفيفة */ .drop-arrow::before{ content:""; position:absolute; inset:0; background:linear-gradient( 135deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 35% ); opacity:.7; pointer-events:none; } /* Hover */ .drop-arrow:hover{ transform:translateY(-3px) scale(1.03); border-color:rgba(216,180,99,.45); color:#111; background: linear-gradient(180deg, #e0bd67 0%, #cfa64a 100%); box-shadow: 0 16px 35px rgba(0,0,0,.34), 0 0 0 1px rgba(216,180,99,.10), 0 0 24px rgba(216,180,99,.18); } .drop-arrow:hover span{ transform:translateY(-1px) scale(1.08); } /* Active */ .drop-arrow:active{ transform:translateY(0) scale(.98); } /* المعطل */ .drop-arrow:disabled, .drop-arrow.is-disabled, .drop-arrow.swiper-button-disabled{ opacity:.38; cursor:not-allowed; transform:none; background:rgba(10,10,10,.5); color:rgba(216,180,99,.45); border-color:rgba(216,180,99,.12); box-shadow:none; } /* لو عايز زرار التالي يبقى المميز افتراضيًا */ .drop-arrow-next{ background: linear-gradient(180deg, #dfbc67 0%, #cda246 100%); color:#111; border-color:rgba(216,180,99,.52); box-shadow: 0 12px 30px rgba(0,0,0,.30), 0 0 18px rgba(216,180,99,.16); } .drop-arrow-next:hover{ background: linear-gradient(180deg, #e8c978 0%, #d3ab52 100%); } /* لو زرار السابق عايزه أهدى */ .drop-arrow-prev{ background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)), rgba(10,10,10,.78); color:#d8b463; } /* موبايل */ @media screen and (max-width:760px){ .drop-nav{ gap:10px; } .drop-arrow{ width:48px; height:48px; border-radius:14px; } .drop-arrow span{ font-size:20px; } } /* HIBR FIRST DROP TITLE — HORIZONTAL */ .drop-title{ display:flex !important; align-items:center; justify-content:center; gap:.16em; flex-wrap:nowrap; white-space:nowrap; } .drop-title span{ display:inline !important; margin:0 !important; } @media screen and (max-width:760px){ .drop-title{ gap:.12em; font-size:clamp(2.2rem,10.5vw,3.5rem) !important; } } /* ===================================================== HIBR STORE HERO — MODERN COMPACT FINAL ===================================================== */ .hibr-store-v2-hero{ position:relative !important; overflow:hidden !important; min-height:390px !important; padding:42px 0 34px !important; display:flex; align-items:center; background: radial-gradient( circle at 50% 45%, rgba(216,180,99,.065), transparent 34% ), linear-gradient( 110deg, rgba(216,180,99,.035), transparent 42% ), #070707 !important; border-bottom:1px solid rgba(255,255,255,.06); } /* SHOP الخلفية */ .hibr-store-v2-watermark{ position:absolute !important; left:3% !important; bottom:-.18em !important; font-size:clamp(11rem,25vw,24rem) !important; line-height:.7 !important; color:rgba(255,255,255,.025) !important; pointer-events:none; user-select:none; } /* المحتوى */ .hibr-store-v2-hero .hibr-container.hibr-store-v2-hero-grid{ display:block !important; width:100% !important; max-width:1280px !important; margin:0 auto !important; padding-inline:42px !important; box-sizing:border-box !important; position:relative !important; z-index:2; } .hibr-store-v2-copy{ width:100% !important; max-width:none !important; margin:0 auto !important; text-align:center !important; } /* HIBR / STORE */ .hibr-store-v2-copy .hibr-eyebrow{ display:inline-flex !important; align-items:center; justify-content:center; gap:10px; margin:0 0 14px !important; color:#d8b463 !important; font-size:.58rem !important; letter-spacing:.32em !important; } .hibr-store-v2-copy .hibr-eyebrow::before{ content:""; width:30px; height:1px; background:#d8b463; opacity:.75; } /* العنوان */ #hibr-store-title{ display:block !important; width:100% !important; max-width:none !important; margin:0 auto !important; direction:rtl !important; text-align:center !important; white-space:nowrap !important; color:#f5f2ec !important; font-size:clamp(2.7rem,4vw,4.6rem) !important; font-weight:800 !important; line-height:.98 !important; letter-spacing:-.045em !important; transform:none !important; } #hibr-store-title span{ display:inline !important; color:#d8b463 !important; margin-right:.13em !important; text-shadow: 0 0 28px rgba(216,180,99,.08); } /* الوصف */ .hibr-store-v2-copy > p:last-child{ width:min(100%,680px) !important; margin:18px auto 0 !important; color:rgba(245,242,236,.58) !important; font-size:.82rem !important; line-height:1.8 !important; text-align:center !important; } /* ========================================= BENEFITS — COMPACT ========================================= */ .hibr-store-v2-benefits{ background:#090909 !important; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); } .hibr-store-v2-benefits .hibr-container{ min-height:78px !important; } .hibr-store-v2-benefits .hibr-container > div{ min-height:78px !important; padding:14px 24px !important; } .hibr-store-v2-benefits strong{ font-size:.78rem !important; } .hibr-store-v2-benefits small{ margin-top:3px !important; font-size:.66rem !important; opacity:.58; } /* ========================================= MOBILE ========================================= */ @media screen and (max-width:760px){ .hibr-store-v2-hero{ min-height:300px !important; padding:34px 0 28px !important; } .hibr-store-v2-hero .hibr-container.hibr-store-v2-hero-grid{ padding-inline:18px !important; } .hibr-store-v2-watermark{ left:-4% !important; bottom:-.08em !important; font-size:42vw !important; } .hibr-store-v2-copy .hibr-eyebrow{ margin-bottom:10px !important; font-size:.47rem !important; letter-spacing:.25em !important; } .hibr-store-v2-copy .hibr-eyebrow::before{ width:20px; } #hibr-store-title{ white-space:normal !important; font-size:clamp(2rem,9vw,3rem) !important; line-height:1.02 !important; } .hibr-store-v2-copy > p:last-child{ margin-top:14px !important; max-width:92% !important; font-size:.72rem !important; line-height:1.65 !important; } .hibr-store-v2-benefits .hibr-container{ min-height:auto !important; } .hibr-store-v2-benefits .hibr-container > div{ min-height:64px !important; padding:11px 12px !important; } .hibr-store-v2-benefits strong{ font-size:.7rem !important; } .hibr-store-v2-benefits small{ font-size:.6rem !important; } } #hibr-store-title .hibr-store-accent{ display:inline !important; position:static !important; margin-right:.14em !important; color:#d8b463 !important; font:inherit !important; font-style:normal !important; transform:none !important; opacity:1 !important; visibility:visible !important; clip-path:none !important; overflow:visible !important; } /* ========================================= HIBR STORE TITLE — TRUE FINAL ========================================= */ @media screen and (min-width:761px){ .hibr-store-v2-hero{ overflow:hidden !important; } .hibr-store-v2-hero-grid{ display:block !important; width:100% !important; max-width:1400px !important; margin:0 auto !important; } .hibr-store-v2-copy{ position:static !important; width:100% !important; max-width:none !important; margin:0 !important; padding:0 50px !important; box-sizing:border-box !important; text-align:center !important; } .hibr-store-title-final{ display:block !important; width:100% !important; max-width:none !important; margin:0 auto !important; position:static !important; direction:rtl !important; text-align:center !important; white-space:nowrap !important; color:#f5f2ec !important; font-size:clamp(2.7rem,3.5vw,4rem) !important; font-weight:800 !important; line-height:1 !important; letter-spacing:-.04em !important; transform:none !important; overflow:visible !important; } .hibr-store-title-final em{ display:inline !important; position:static !important; margin-right:.14em !important; color:#d8b463 !important; font:inherit !important; font-style:normal !important; opacity:1 !important; visibility:visible !important; transform:none !important; clip-path:none !important; } } /* MOBILE */ @media screen and (max-width:760px){ .hibr-store-title-final{ display:block !important; width:100% !important; margin:0 auto !important; direction:rtl !important; text-align:center !important; white-space:normal !important; color:#f5f2ec !important; font-size:clamp(1.9rem,8.2vw,2.8rem) !important; line-height:1.05 !important; } .hibr-store-title-final em{ display:inline !important; color:#d8b463 !important; font:inherit !important; font-style:normal !important; } } /* ========================================= HIBR CONTACT DOCK — MOBILE TAP FIX ========================================= */ @media screen and (max-width:760px){ .hibr-contact-dock{ z-index:999999 !important; pointer-events:auto !important; touch-action:manipulation !important; isolation:isolate !important; } .hibr-contact-dock a, .hibr-contact-dock button, .hibr-contact-dock-item, .hibr-contact-dock-toggle{ position:relative !important; z-index:2 !important; pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent; } .hibr-contact-dock svg, .hibr-contact-dock span{ pointer-events:none !important; } .hibr-contact-dock::before, .hibr-contact-dock::after, .hibr-contact-dock-item::before, .hibr-contact-dock-item::after{ pointer-events:none !important; } } /* ========================================================= HIBR LANGUAGE GATE ========================================================= */ .hibr-language-gate{ position:fixed; inset:0; z-index:9999999; display:grid; place-items:center; padding:20px; opacity:0; visibility:hidden; pointer-events:none; transition: opacity .35s ease, visibility .35s ease; } .hibr-language-gate.is-open{ opacity:1; visibility:visible; pointer-events:auto; } .hibr-language-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.58); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); } .hibr-language-modal{ position:relative; z-index:2; width:min(430px,100%); padding:34px; direction:rtl; color:#f5f1e8; background: radial-gradient( circle at 100% 0, rgba(216,180,99,.10), transparent 35% ), #090909; border:1px solid rgba(216,180,99,.28); border-radius:22px; box-shadow: 0 35px 100px rgba(0,0,0,.65); transform:translateY(20px) scale(.96); transition: transform .45s cubic-bezier(.16,1,.3,1); } .hibr-language-gate.is-open .hibr-language-modal{ transform:none; } .hibr-language-close{ position:absolute; top:16px; left:16px; width:36px; height:36px; border:0; color:#fff; background:transparent; font-size:26px; cursor:pointer; } .hibr-language-kicker{ display:block; margin-bottom:12px; color:#d8b463; font-size:.58rem; font-weight:700; letter-spacing:.28em; } .hibr-language-modal h2{ margin:0; font-size:2rem; line-height:1.2; } .hibr-language-modal > p{ margin:9px 0 25px; color:rgba(255,255,255,.52); font-size:.78rem; } .hibr-language-options{ display:grid; gap:10px; } .hibr-language-option{ width:100%; display:flex; align-items:center; justify-content:space-between; padding:15px 16px; border:1px solid rgba(255,255,255,.10); border-radius:13px; color:#eee; background:#111; text-align:right; cursor:pointer; transition:.25s ease; } .hibr-language-option:hover{ border-color:#d8b463; background:rgba(216,180,99,.08); transform:translateY(-2px); } .hibr-language-option span{ display:grid; gap:3px; } .hibr-language-option b{ font-size:.88rem; } .hibr-language-option small{ color:#777; font-size:.65rem; } .hibr-language-option i{ display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(216,180,99,.30); border-radius:50%; color:#d8b463; font-size:.65rem; font-style:normal; font-weight:700; } .hibr-language-note{ display:block; margin-top:20px; color:#666; font-size:.6rem; text-align:center; } @media(max-width:600px){ .hibr-language-gate{ padding:14px; } .hibr-language-modal{ width:100%; padding:28px 20px 22px; border-radius:18px; } .hibr-language-modal h2{ font-size:1.65rem; } .hibr-language-option{ min-height:66px; } } /* ========================================================= HIBR LANGUAGE SELECTOR — QUIET CLASSIC ========================================================= */ .hibr-language-gate{ position:fixed; inset:0; z-index:9999999; display:grid; place-items:center; padding:18px; opacity:0; visibility:hidden; pointer-events:none; transition: opacity .28s ease, visibility .28s ease; } .hibr-language-gate.is-open{ opacity:1; visibility:visible; pointer-events:auto; } /* BACKDROP */ .hibr-language-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.68); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); } /* MODAL */ .hibr-language-modal{ position:relative; z-index:2; width:min(430px,100%); padding:34px 32px 28px; direction:rtl; color:#f3f0e8; background:#0a0a09; border:1px solid rgba(216,180,99,.22); border-radius:18px; box-shadow: 0 28px 80px rgba(0,0,0,.55); transform:translateY(14px); opacity:0; transition: transform .36s cubic-bezier(.16,1,.3,1), opacity .28s ease; } .hibr-language-gate.is-open .hibr-language-modal{ transform:translateY(0); opacity:1; } /* GOLD TOP LINE */ .hibr-language-modal::before{ content:""; position:absolute; top:0; left:32px; right:32px; height:1px; background:linear-gradient( 90deg, transparent, rgba(216,180,99,.9), transparent ); } /* CLOSE */ .hibr-language-close{ position:absolute; top:16px; left:16px; width:34px; height:34px; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:rgba(255,255,255,.48); font-size:22px; cursor:pointer; transition:.2s ease; } .hibr-language-close:hover{ color:#d8b463; background:rgba(255,255,255,.04); } /* BRAND */ .hibr-language-kicker{ display:block; margin-bottom:11px; color:#d8b463; font-size:.56rem; font-weight:700; letter-spacing:.3em; } /* TITLE */ .hibr-language-modal h2{ margin:0; color:#f5f2eb; font-size:1.75rem; font-weight:700; line-height:1.25; } /* SUBTITLE */ .hibr-language-modal > p{ margin:8px 0 25px; color:rgba(255,255,255,.42); font-size:.7rem; direction:ltr; text-align:right; } /* OPTIONS */ .hibr-language-options{ display:grid; border-top:1px solid rgba(255,255,255,.07); } /* LANGUAGE ROW */ .hibr-language-option{ position:relative; width:100%; min-height:68px; display:flex; align-items:center; justify-content:space-between; padding:0 4px; border:0; border-bottom:1px solid rgba(255,255,255,.07); background:transparent; color:#eee; text-align:right; cursor:pointer; transition: padding .25s ease, background .25s ease; } .hibr-language-option:hover{ padding-right:12px; background: linear-gradient( 90deg, transparent, rgba(216,180,99,.045) ); } /* LANGUAGE TEXT */ .hibr-language-option span{ display:grid; gap:3px; } .hibr-language-option b{ color:#f0ede6; font-size:.88rem; font-weight:600; } .hibr-language-option small{ color:rgba(255,255,255,.34); font-size:.6rem; } /* AR / EN */ .hibr-language-option i{ width:auto; height:auto; display:block; border:0; border-radius:0; background:transparent; color:#d8b463; font-size:.6rem; font-style:normal; font-weight:700; letter-spacing:.16em; } /* NOTE */ .hibr-language-note{ display:block; margin-top:20px; color:rgba(255,255,255,.25); font-size:.56rem; text-align:center; } /* MOBILE */ @media screen and (max-width:600px){ .hibr-language-gate{ padding:14px; } .hibr-language-modal{ width:100%; padding:30px 22px 24px; border-radius:16px; } .hibr-language-modal::before{ left:22px; right:22px; } .hibr-language-modal h2{ font-size:1.55rem; } .hibr-language-option{ min-height:64px; } } /* ========================================= HIBR HEADER LANGUAGE SWITCHER ========================================= */ .hibr-header-language{ display:inline-flex; align-items:center; gap:0; height:36px; padding:0 10px; border:1px solid rgba(255,255,255,.10); border-radius:999px; background:rgba(8,8,8,.35); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); direction:ltr; } .hibr-header-language a{ position:relative; padding:0 8px; color:rgba(255,255,255,.55); font-size:.61rem; font-weight:700; letter-spacing:.12em; text-decoration:none; transition: color .2s ease, opacity .2s ease; } .hibr-header-language a:hover{ color:#d8b463; } /* الخط بين AR و EN */ .hibr-header-language a + a::before{ content:""; position:absolute; left:0; top:50%; width:1px; height:12px; background:rgba(255,255,255,.14); transform:translateY(-50%); } /* MOBILE */ @media screen and (max-width:760px){ .hibr-header-language{ height:32px; padding:0 6px; border-color:rgba(255,255,255,.08); } .hibr-header-language a{ padding:0 6px; font-size:.55rem; } } /* ========================================= HIBR CART — MINIMAL HEADER ========================================= */ .hibr-cart{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; min-height:38px; padding:0 15px !important; border:1px solid rgba(255,255,255,.10) !important; border-radius:999px !important; background:rgba(8,8,8,.35) !important; color:#f2eee6 !important; font-size:.72rem !important; font-weight:600 !important; text-decoration:none !important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); transition: border-color .2s ease, background .2s ease, color .2s ease !important; } .hibr-cart:hover{ border-color:rgba(216,180,99,.45) !important; background:rgba(216,180,99,.05) !important; color:#d8b463 !important; } /* COUNT */ .hibr-cart-count{ min-width:20px; height:20px; display:inline-grid; place-items:center; padding:0 5px; border-radius:999px; background:#d8b463; color:#090909; font-size:.58rem; font-weight:800; line-height:1; } /* MOBILE */ @media screen and (max-width:760px){ .hibr-cart{ min-height:34px; padding:0 10px !important; gap:6px !important; font-size:.64rem !important; } .hibr-cart-count{ min-width:18px; height:18px; font-size:.54rem; } } /* ========================================================= HIBR HEADER — TRANSPARENT / MODERN CLASSIC ========================================================= */ .hibr-header, .hibr-header-classic{ position:fixed; top:0; left:0; right:0; z-index:10000; background:transparent !important; border-bottom:1px solid rgba(255,255,255,.05) !important; box-shadow:none !important; transition: background .30s ease, backdrop-filter .30s ease, border-color .30s ease, box-shadow .30s ease, padding .30s ease; } /* لما ننزل Scroll */ .hibr-header.is-scrolled, .hibr-header-classic.is-scrolled{ background:rgba(5,5,5,.55) !important; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:0 12px 40px rgba(0,0,0,.22); } /* ----------------------------------------- INNER ----------------------------------------- */ .hibr-header .hibr-header-inner, .hibr-header-classic .hibr-header-inner{ min-height:92px; display:grid !important; grid-template-columns:auto 1fr auto; align-items:center; gap:36px; padding-top:0 !important; padding-bottom:0 !important; } /* بعد الاسكرول */ .hibr-header.is-scrolled .hibr-header-inner, .hibr-header-classic.is-scrolled .hibr-header-inner{ min-height:78px; } /* ========================================================= BRAND ========================================================= */ .hibr-brand{ display:inline-flex !important; align-items:center; gap:10px; text-decoration:none !important; color:#fff !important; } .hibr-brand-ar{ font-size:1.9rem; font-weight:800; line-height:1; color:#fff !important; } .hibr-brand-en{ font-size:.58rem; font-weight:700; letter-spacing:.34em; color:#d8b463 !important; line-height:1; position:relative; padding-right:10px; } .hibr-brand-en::before{ content:""; position:absolute; right:0; top:50%; width:1px; height:15px; background:rgba(216,180,99,.35); transform:translateY(-50%); } /* ========================================================= NAV ========================================================= */ .hibr-nav{ display:flex !important; align-items:center; justify-content:center; gap:34px; } .hibr-nav > a{ position:relative; display:inline-flex; align-items:center; min-height:92px; padding:0 !important; text-decoration:none !important; background:none !important; border:0 !important; border-radius:0 !important; color:rgba(255,255,255,.76) !important; font-size:.78rem !important; font-weight:500 !important; letter-spacing:.02em; transition:color .22s ease, opacity .22s ease; } .hibr-nav > a:hover{ color:#fff !important; } .hibr-nav > a::after{ content:""; position:absolute; left:50%; bottom:26px; width:0; height:1px; background:#d8b463; transform:translateX(-50%); transition:width .25s ease; } .hibr-nav > a:hover::after, .hibr-nav > a[aria-current="page"]::after{ width:24px; } .hibr-nav > a[aria-current="page"]{ color:#fff !important; } .hibr-nav > a.featured{ color:#d8b463 !important; font-weight:600 !important; } /* ========================================================= ACTIONS ========================================================= */ .hibr-header-actions{ display:flex !important; align-items:center; gap:9px !important; direction:rtl; } /* ========================================================= LANGUAGE ========================================================= */ .hibr-header-language{ height:38px; display:inline-flex; align-items:center; padding:0 9px; direction:ltr; border:1px solid rgba(255,255,255,.10); border-radius:999px; background:rgba(255,255,255,.03); transition: border-color .22s ease, background .22s ease; } .hibr-header-language:hover{ border-color:rgba(216,180,99,.35); background:rgba(255,255,255,.05); } .hibr-header-language a{ position:relative; padding:0 8px; text-decoration:none !important; color:rgba(255,255,255,.45) !important; font-size:.58rem !important; font-weight:700 !important; letter-spacing:.14em; transition:color .22s ease; } .hibr-header-language a:hover{ color:#d8b463 !important; } .hibr-header-language a + a::before{ content:""; position:absolute; left:0; top:50%; width:1px; height:11px; background:rgba(255,255,255,.12); transform:translateY(-50%); } html[lang^="ar"] .hibr-header-language a[data-lang="ar"], html[lang^="en"] .hibr-header-language a[data-lang="en"]{ color:#d8b463 !important; } /* ========================================================= ACCOUNT / CART ========================================================= */ .hibr-header-account, .hibr-cart{ height:38px !important; min-height:38px !important; display:inline-flex !important; align-items:center !important; gap:8px; padding:0 13px !important; border-radius:999px !important; text-decoration:none !important; border:1px solid rgba(255,255,255,.10) !important; background:rgba(255,255,255,.03) !important; color:rgba(255,255,255,.82) !important; font-size:.67rem !important; font-weight:500 !important; transition: border-color .22s ease, background .22s ease, color .22s ease; } .hibr-header-account:hover, .hibr-cart:hover{ color:#fff !important; background:rgba(255,255,255,.06) !important; border-color:rgba(216,180,99,.35) !important; } .hibr-cart-count{ min-width:18px; height:18px; display:grid; place-items:center; padding:0 4px; border-radius:999px; background:rgba(216,180,99,.15) !important; border:1px solid rgba(216,180,99,.28); color:#d8b463 !important; font-size:.52rem !important; font-weight:700 !important; } .hibr-account-icon{ width:15px; height:15px; display:grid; place-items:center; } .hibr-account-icon svg{ width:100%; height:100%; } /* ========================================================= DISCOVER BUTTON ========================================================= */ .hibr-header-discover, .hibr-btn.alt{ height:40px; display:inline-flex; align-items:center; gap:9px; padding:0 18px; border-radius:999px; text-decoration:none !important; background:#d8b463 !important; border:1px solid #d8b463 !important; color:#111 !important; font-size:.68rem; font-weight:700; box-shadow:0 8px 24px rgba(216,180,99,.18); transition: transform .22s ease, box-shadow .22s ease, background .22s ease; } .hibr-header-discover:hover, .hibr-btn.alt:hover{ transform:translateY(-1px); box-shadow:0 12px 28px rgba(216,180,99,.24); background:#e2c272 !important; } /* ========================================================= MOBILE TOGGLE ========================================================= */ .hibr-menu-toggle{ display:none; width:42px; height:42px; padding:0 !important; border-radius:50% !important; border:1px solid rgba(255,255,255,.10) !important; background:rgba(255,255,255,.03) !important; color:#fff; cursor:pointer; } .hibr-menu-toggle-lines{ width:16px; height:12px; display:flex; flex-direction:column; justify-content:space-between; margin:auto; } .hibr-menu-toggle-lines i{ display:block; width:100%; height:1.5px; background:currentColor; border-radius:5px; } /* ========================================================= HERO FIX ========================================================= */ /* عشان الهيدر بقى fixed وشفاف */ body.admin-bar .hibr-header{ top:32px; } @media screen and (max-width:782px){ body.admin-bar .hibr-header{ top:46px; } } /* لو أول سيكشن لازق في الهيدر زودله مسافة */ .home .site-main, .home main{ padding-top:0 !important; } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width:1100px){ .hibr-header .hibr-header-inner, .hibr-header-classic .hibr-header-inner{ gap:16px; } .hibr-nav{ gap:18px; } .hibr-nav > a{ font-size:.68rem !important; } .hibr-header-discover, .hibr-btn.alt{ display:none !important; } } @media screen and (max-width:760px){ .hibr-header .hibr-header-inner, .hibr-header-classic .hibr-header-inner{ min-height:70px; grid-template-columns:auto 1fr auto; gap:10px; position:relative; } .hibr-brand-ar{ font-size:1.5rem; } .hibr-brand-en{ display:none; } .hibr-menu-toggle{ display:grid !important; place-items:center; grid-column:3; } .hibr-header-actions{ grid-column:2; justify-self:end; gap:6px !important; } .hibr-header-account{ display:none !important; } .hibr-cart{ height:34px !important; min-height:34px !important; padding:0 10px !important; } .hibr-cart-label{ display:none !important; } .hibr-header-language{ height:34px; padding:0 6px; } .hibr-header-language a{ padding:0 6px; font-size:.5rem !important; } .hibr-nav{ position:absolute; top:100%; left:0; right:0; display:none !important; flex-direction:column; align-items:stretch; gap:0; padding:12px 18px 18px; background:rgba(6,6,6,.92) !important; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.08); box-shadow:0 20px 50px rgba(0,0,0,.35); } .hibr-nav.is-open{ display:flex !important; } .hibr-nav > a{ min-height:50px; justify-content:flex-start; border-bottom:1px solid rgba(255,255,255,.05) !important; font-size:.76rem !important; } .hibr-nav > a::after{ display:none; } .hibr-nav > a:last-child{ border-bottom:0 !important; } } /* ===================================================== HIBR — MY ACCOUNT V2 ===================================================== */ .hibr-myaccount{ width:min(1180px,calc(100% - 40px)); margin:70px auto 100px; direction:rtl; } .hibr-account-hero{ position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:34px 38px; border:1px solid rgba(200,169,104,.22); border-radius:26px; background: radial-gradient(circle at 90% 0%, rgba(200,169,104,.14), transparent 40%), #10100f; box-shadow:0 30px 80px rgba(0,0,0,.35); } .hibr-account-hero::after{ content:"حِبر"; position:absolute; left:35px; bottom:-45px; font-size:140px; font-weight:900; color:rgba(255,255,255,.018); pointer-events:none; } .hibr-account-user{ display:flex; align-items:center; gap:20px; position:relative; z-index:2; } .hibr-account-avatar{ width:82px; height:82px; padding:3px; border-radius:50%; background:linear-gradient(135deg,#dfc27f,#7b5f25); } .hibr-account-avatar img{ width:100%; height:100%; display:block; object-fit:cover; border-radius:50%; border:4px solid #10100f; } .hibr-account-eyebrow{ display:block; margin-bottom:5px; color:#c8a968; font-size:10px; font-weight:700; letter-spacing:3px; } .hibr-account-user-data h1{ margin:0; color:#f4f1eb; font-size:29px; line-height:1.4; font-weight:800; } .hibr-account-user-data h1 span{ font-size:22px; } .hibr-account-user-data p{ margin:4px 0 0; color:#8d8b86; font-size:13px; } .hibr-account-logout{ position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:10px; min-width:145px; padding:13px 20px; color:#c8a968 !important; text-decoration:none !important; border:1px solid rgba(200,169,104,.32); border-radius:999px; transition:.25s ease; } .hibr-account-logout:hover{ color:#080807 !important; background:#c8a968; transform:translateY(-2px); } /* Tabs */ .hibr-account-tabs{ display:flex; gap:7px; margin:20px 0; padding:7px; overflow-x:auto; scrollbar-width:none; border:1px solid rgba(255,255,255,.065); border-radius:18px; background:#0d0d0c; } .hibr-account-tabs::-webkit-scrollbar{ display:none; } .hibr-account-tab{ flex:1; min-width:125px; padding:13px 17px; border-radius:12px; text-align:center; white-space:nowrap; color:#97948e !important; text-decoration:none !important; font-size:13px; transition:.25s ease; } .hibr-account-tab:hover{ color:#f4f1eb !important; background:rgba(255,255,255,.04); } .hibr-account-tab.is-active{ color:#080807 !important; background:#c8a968; box-shadow:0 10px 28px rgba(200,169,104,.15); } /* Main panel */ .hibr-account-panel{ min-height:360px; padding:34px; border:1px solid rgba(255,255,255,.07); border-radius:26px; background:#0e0e0d; box-shadow:0 25px 70px rgba(0,0,0,.25); } /* Dashboard */ .hibr-dashboard-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:30px; } .hibr-dashboard-kicker{ display:block; margin-bottom:6px; color:#c8a968; font-size:11px; font-weight:800; letter-spacing:1.5px; } .hibr-dashboard-heading h2{ margin:0; color:#f4f1eb; font-size:27px; font-weight:800; } .hibr-dashboard-heading p{ margin:6px 0 0; color:#8e8b85; font-size:13px; } .hibr-shop-btn{ display:flex; align-items:center; gap:12px; padding:12px 20px; border-radius:999px; background:#f4f1eb; color:#080807 !important; text-decoration:none !important; font-size:13px; font-weight:700; transition:.25s ease; } .hibr-shop-btn:hover{ background:#c8a968; transform:translateY(-2px); } .hibr-dashboard-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } .hibr-dashboard-card{ position:relative; overflow:hidden; min-height:215px; display:flex; flex-direction:column; justify-content:space-between; padding:24px; color:#f4f1eb !important; text-decoration:none !important; border:1px solid rgba(255,255,255,.075); border-radius:20px; background:#151514; transition: transform .3s ease, border-color .3s ease, background .3s ease; } .hibr-dashboard-card:hover{ transform:translateY(-5px); border-color:rgba(200,169,104,.32); background:#181816; } .hibr-orders-card{ background: radial-gradient( circle at 100% 0%, rgba(200,169,104,.13), transparent 45% ), #151514; } .hibr-card-top{ display:flex; align-items:center; justify-content:space-between; } .hibr-card-icon{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; color:#c8a968; font-size:20px; border:1px solid rgba(200,169,104,.24); border-radius:50%; background:rgba(200,169,104,.06); } .hibr-card-arrow{ color:#6f6c66; font-size:18px; transition:.25s ease; } .hibr-dashboard-card:hover .hibr-card-arrow{ color:#c8a968; transform:translate(-3px,-3px); } .hibr-card-label{ display:block; margin-bottom:7px; color:#96938d; font-size:12px; } .hibr-card-content strong{ display:block; margin-bottom:5px; color:#f4f1eb; font-size:44px; line-height:1; } .hibr-card-content h3{ margin:0 0 5px; color:#f4f1eb; font-size:20px; } .hibr-card-content p{ margin:0; color:#797670; font-size:12px; line-height:1.7; } /* WooCommerce inner content */ .hibr-account-panel .woocommerce-MyAccount-content{ float:none !important; width:100% !important; } .hibr-account-panel table{ border-color:rgba(255,255,255,.08) !important; } .hibr-account-panel input, .hibr-account-panel select, .hibr-account-panel textarea{ color:#f4f1eb !important; background:#151514 !important; border:1px solid rgba(255,255,255,.1) !important; border-radius:10px !important; } .hibr-account-panel button, .hibr-account-panel .button{ color:#080807 !important; background:#c8a968 !important; border-radius:999px !important; } /* Mobile */ @media(max-width:850px){ .hibr-myaccount{ width:calc(100% - 26px); margin:35px auto 70px; } .hibr-account-hero{ align-items:flex-start; flex-direction:column; padding:25px; } .hibr-account-logout{ width:100%; } .hibr-dashboard-heading{ align-items:flex-start; flex-direction:column; } .hibr-shop-btn{ width:100%; justify-content:center; } .hibr-dashboard-grid{ grid-template-columns:1fr; } .hibr-account-panel{ padding:20px; } } @media(max-width:520px){ .hibr-account-user{ align-items:flex-start; } .hibr-account-avatar{ width:62px; height:62px; flex:0 0 62px; } .hibr-account-user-data h1{ font-size:21px; } .hibr-account-user-data p{ max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } } /* ===================================================== FIX HIBR MY ACCOUNT LAYOUT لازم يفضل في آخر style.css ===================================================== */ body.woocommerce-account .woocommerce { display: block !important; grid-template-columns: none !important; grid-template-areas: none !important; width: 100% !important; max-width: 100% !important; } body.woocommerce-account .woocommerce::before, body.woocommerce-account .woocommerce::after { display: none !important; } /* التصميم الجديد ياخد العرض الطبيعي */ body.woocommerce-account .hibr-myaccount { display: block !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 70px auto 100px !important; float: none !important; clear: both !important; } /* نتأكد إن مفيش عرض قديم من WooCommerce ماسكه */ body.woocommerce-account .woocommerce-MyAccount-content { float: none !important; width: 100% !important; max-width: none !important; } /* لو القائمة القديمة اتحملت لأي سبب */ body.woocommerce-account .woocommerce-MyAccount-navigation { display: none !important; } /* Navigation الجديد */ body.woocommerce-account .hibr-account-tabs { width: 100% !important; } /* Panel الجديد */ body.woocommerce-account .hibr-account-panel { width: 100% !important; } /* Dashboard */ body.woocommerce-account .hibr-dashboard { width: 100% !important; } /* حماية الكروت من الانكماش */ body.woocommerce-account .hibr-dashboard-grid { width: 100% !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } /* Mobile */ @media (max-width: 850px) { body.woocommerce-account .hibr-myaccount { width: calc(100% - 26px) !important; margin: 35px auto 70px !important; } body.woocommerce-account .hibr-dashboard-grid { grid-template-columns: 1fr !important; } } /* ===================================================== HIBR AVATAR PICKER ===================================================== */ .hibr-avatar-picker{ margin-top:30px; padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:20px; background:#111110; } .hibr-avatar-picker-title{ margin:0 0 6px; color:#f4f1eb; font-size:22px; font-weight:800; } .hibr-avatar-picker-subtitle{ margin:0 0 18px; color:#8f8b84; font-size:13px; } .hibr-avatar-options{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .hibr-avatar-option{ position:relative; display:block; cursor:pointer; } .hibr-avatar-option input{ position:absolute; opacity:0; pointer-events:none; } .hibr-avatar-box{ display:flex; align-items:center; justify-content:center; min-height:120px; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:#171716; transition:.25s ease; } .hibr-avatar-box img{ width:78px; height:78px; object-fit:cover; border-radius:50%; border:3px solid rgba(200,169,104,.18); } .hibr-avatar-option:hover .hibr-avatar-box{ border-color:rgba(200,169,104,.28); transform:translateY(-2px); } .hibr-avatar-option input:checked + .hibr-avatar-box{ border-color:#c8a968; background:rgba(200,169,104,.08); box-shadow:0 12px 30px rgba(200,169,104,.10); } .hibr-site-avatar{ border-radius:50%; object-fit:cover; } @media(max-width:680px){ .hibr-avatar-options{ grid-template-columns:repeat(2,minmax(0,1fr)); } } /* ===================================================== HIBR DASHBOARD AVATAR SECTION ===================================================== */ .hibr-dashboard-avatar-section{ margin-top:28px; padding:26px; border:1px solid rgba(255,255,255,.07); border-radius:22px; background:#111110; } .hibr-dashboard-avatar-head{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; } .hibr-dashboard-avatar-head h3{ margin:0 0 6px; color:#f4f1eb; font-size:24px; font-weight:800; } .hibr-dashboard-avatar-head p{ margin:0; color:#8e8b85; font-size:13px; } .hibr-dashboard-current-avatar{ width:78px; height:78px; padding:3px; border-radius:50%; background:linear-gradient(135deg,#dfc27f,#7b5f25); flex:0 0 78px; } .hibr-dashboard-current-avatar img{ width:100%; height:100%; display:block; object-fit:cover; border-radius:50%; border:3px solid #111110; } .hibr-dashboard-avatar-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:18px; } .hibr-dashboard-avatar-option{ position:relative; display:block; cursor:pointer; } .hibr-dashboard-avatar-option input{ position:absolute; opacity:0; pointer-events:none; } .hibr-dashboard-avatar-box{ display:flex; align-items:center; justify-content:center; min-height:118px; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:#171716; transition:.25s ease; } .hibr-dashboard-avatar-box img{ width:74px; height:74px; object-fit:cover; border-radius:50%; border:3px solid rgba(200,169,104,.18); } .hibr-dashboard-avatar-option:hover .hibr-dashboard-avatar-box{ border-color:rgba(200,169,104,.28); transform:translateY(-2px); } .hibr-dashboard-avatar-option input:checked + .hibr-dashboard-avatar-box{ border-color:#c8a968; background:rgba(200,169,104,.08); box-shadow:0 12px 30px rgba(200,169,104,.10); } .hibr-dashboard-avatar-save{ min-width:210px; padding:14px 22px !important; border:none !important; border-radius:999px !important; background:#c8a968 !important; color:#080807 !important; font-weight:800 !important; } .hibr-dashboard-avatar-save:hover{ transform:translateY(-2px); } @media(max-width:850px){ .hibr-dashboard-avatar-head{ flex-direction:column; align-items:flex-start; } .hibr-dashboard-avatar-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .hibr-dashboard-avatar-save{ width:100%; } } @media(max-width:520px){ .hibr-dashboard-avatar-grid{ grid-template-columns:1fr; } } /* HIBR PROFILE AVATAR SIZE FIX */ .hibr-account-avatar{ width:58px !important; height:58px !important; flex:0 0 58px !important; padding:3px !important; border-radius:50% !important; overflow:hidden !important; } .hibr-account-avatar img{ width:100% !important; height:100% !important; object-fit:contain !important; object-position:center !important; border-radius:50% !important; padding:3px !important; box-sizing:border-box !important; } /* الصورة الحالية داخل قسم اختيار الأفاتار */ .hibr-dashboard-current-avatar{ width:58px !important; height:58px !important; flex:0 0 58px !important; } .hibr-dashboard-current-avatar img{ width:100% !important; height:100% !important; object-fit:contain !important; object-position:center !important; } /* ===================================================== HIBR CUSTOMER HUB ===================================================== */ .hibr-customer-hub{ display:grid; grid-template-columns:1.65fr .85fr; gap:18px; margin-top:24px; } .hibr-last-order, .hibr-preferred-size{ padding:26px; background:#111110; border:1px solid rgba(255,255,255,.07); border-radius:22px; } .hibr-section-head{ display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; } .hibr-section-head h3{ margin:0; color:#f4f1eb; font-size:21px; } .hibr-section-head p{ margin:5px 0 0; color:#7f7c76; font-size:12px; } .hibr-mini-link{ color:#c8a968 !important; text-decoration:none !important; font-size:12px; } .hibr-order-summary{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:35px; } .hibr-order-summary > div{ padding:15px; border-radius:14px; background:#171716; border:1px solid rgba(255,255,255,.06); } .hibr-order-summary span{ display:block; color:#77746e; font-size:10px; margin-bottom:6px; } .hibr-order-summary strong{ color:#f4f1eb; font-size:14px; } /* Timeline */ .hibr-order-timeline{ position:relative; padding:5px 10px; } .hibr-timeline-line{ position:absolute; top:21px; right:15%; left:15%; height:2px; background:#262522; } .hibr-timeline-line span{ display:block; height:100%; background:#c8a968; transition:.4s ease; } .hibr-timeline-steps{ position:relative; z-index:2; display:flex; justify-content:space-between; } .hibr-timeline-step{ width:33.333%; text-align:center; color:#66635e; font-size:11px; } .hibr-timeline-step i{ width:34px; height:34px; margin:0 auto 10px; display:flex; align-items:center; justify-content:center; border-radius:50%; font-style:normal; background:#171716; border:1px solid #292824; } .hibr-timeline-step.active{ color:#f4f1eb; } .hibr-timeline-step.active i{ color:#090908; background:#c8a968; border-color:#c8a968; } /* Size */ .hibr-size-options{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:15px; } .hibr-size-option{ cursor:pointer; } .hibr-size-option input{ position:absolute; opacity:0; } .hibr-size-option span{ display:flex; align-items:center; justify-content:center; height:47px; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:#171716; color:#aaa69e; font-size:12px; transition:.2s ease; } .hibr-size-option:hover span{ border-color:rgba(200,169,104,.35); } .hibr-size-option input:checked + span{ background:#c8a968; color:#080807; border-color:#c8a968; font-weight:800; } .hibr-size-save{ width:100%; padding:12px 18px; border:0; border-radius:999px; background:#f4f1eb; color:#080807; font-weight:800; cursor:pointer; } /* No orders */ .hibr-empty-order{ padding:25px; text-align:center; } .hibr-empty-order > span{ color:#c8a968; font-size:25px; } .hibr-empty-order h4{ margin:10px 0 4px; color:#f4f1eb; } .hibr-empty-order p{ margin:0 0 15px; color:#77746e; } .hibr-empty-order a{ color:#c8a968 !important; } /* Mobile */ @media(max-width:850px){ .hibr-customer-hub{ grid-template-columns:1fr; } .hibr-order-summary{ grid-template-columns:1fr; } } /* ===================================================== HIBR WISHLIST ===================================================== */ .hibr-wishlist-button{ width:42px; height:42px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(200,169,104,.25); border-radius:50%; background:#111110; color:#c8a968; cursor:pointer; transition:.25s ease; } .hibr-wishlist-button:hover{ transform:translateY(-2px) scale(1.04); border-color:#c8a968; } .hibr-heart{ font-size:23px; line-height:1; } .hibr-wishlist-button.is-active{ background:#c8a968; color:#0a0a09; border-color:#c8a968; } .hibr-wishlist-button.is-loading{ opacity:.45; pointer-events:none; } .hibr-dashboard-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; } .hibr-wishlist-card{ background: radial-gradient( circle at 100% 0%, rgba(200,169,104,.12), transparent 48% ), #151514; } .hibr-wishlist-card .hibr-card-icon{ font-size:20px; } .hibr-wishlist-card .hibr-card-content strong{ color:#c8a968; } /* ===================================================== HIBR WISHLIST PAGE ===================================================== */ .hibr-wishlist-page{ width:100%; } .hibr-wishlist-page-head{ display:flex; align-items:center; justify-content:space-between; gap:30px; margin-bottom:28px; } .hibr-wishlist-page-head h2{ margin:4px 0; color:#f4f1eb; font-size:28px; font-weight:800; } .hibr-wishlist-page-head p{ margin:0; color:#817e78; font-size:13px; } .hibr-wishlist-total{ min-width:110px; padding:15px 22px; text-align:center; border:1px solid rgba(200,169,104,.18); border-radius:18px; background:rgba(200,169,104,.05); } .hibr-wishlist-total strong{ display:block; color:#c8a968; font-size:28px; line-height:1; } .hibr-wishlist-total span{ display:block; margin-top:6px; color:#85817a; font-size:10px; } /* Products */ .hibr-wishlist-products-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .hibr-wishlist-product-card{ overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:20px; background:#151514; transition:.25s ease; } .hibr-wishlist-product-card:hover{ transform:translateY(-4px); border-color:rgba(200,169,104,.28); } .hibr-wishlist-product-image{ position:relative; overflow:hidden; aspect-ratio:1/1.12; background:#10100f; } .hibr-wishlist-product-image > a{ display:block; width:100%; height:100%; } .hibr-wishlist-product-image img{ width:100%; height:100%; display:block; object-fit:cover; transition:.4s ease; } .hibr-wishlist-product-card:hover .hibr-wishlist-product-image img{ transform:scale(1.035); } /* Heart */ .hibr-wishlist-product-image .hibr-wishlist-button{ position:absolute; top:14px; left:14px; z-index:3; width:40px; height:40px; box-shadow:0 8px 24px rgba(0,0,0,.25); } /* Product Info */ .hibr-wishlist-product-info{ padding:18px; } .hibr-wishlist-product-title{ display:block; margin-bottom:8px; color:#f4f1eb !important; text-decoration:none !important; font-size:15px; font-weight:700; } .hibr-wishlist-product-price{ min-height:25px; margin-bottom:15px; color:#c8a968; font-size:15px; font-weight:700; } .hibr-wishlist-product-price del{ color:#68655f; font-size:12px; } .hibr-wishlist-product-price ins{ color:#c8a968; text-decoration:none; } /* Actions */ .hibr-wishlist-product-actions{ display:grid; grid-template-columns:1fr auto; gap:8px; } .hibr-wishlist-cart-btn{ display:flex !important; align-items:center; justify-content:center; min-height:42px; padding:10px 15px !important; border:none !important; border-radius:999px !important; background:#c8a968 !important; color:#080807 !important; text-decoration:none !important; font-size:11px !important; font-weight:800 !important; } .hibr-wishlist-view-btn{ display:flex; align-items:center; justify-content:center; min-width:58px; padding:10px 14px; border:1px solid rgba(255,255,255,.10); border-radius:999px; color:#aaa69f !important; text-decoration:none !important; font-size:11px; } .hibr-wishlist-view-btn:hover{ color:#c8a968 !important; border-color:rgba(200,169,104,.3); } /* Remove animation */ .hibr-wishlist-product-card.is-removing{ opacity:0; transform:scale(.96); } /* Empty Wishlist */ .hibr-wishlist-empty{ padding:60px 25px; text-align:center; border:1px solid rgba(255,255,255,.07); border-radius:22px; background:#111110; } .hibr-wishlist-empty-heart{ margin-bottom:12px; color:#c8a968; font-size:50px; } .hibr-wishlist-empty h3{ margin:7px 0; color:#f4f1eb; font-size:23px; } .hibr-wishlist-empty p{ margin:0 0 20px; color:#817e78; font-size:13px; } .hibr-wishlist-empty > a{ display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border-radius:999px; background:#c8a968; color:#080807 !important; text-decoration:none !important; font-weight:800; } /* Dashboard Wishlist */ .hibr-wishlist-card{ cursor:pointer; } /* ===================================================== HIBR PROFILE COMPLETION ===================================================== */ .hibr-profile-completion{ margin-bottom:24px; padding:24px; border:1px solid rgba(200,169,104,.16); border-radius:20px; background: radial-gradient( circle at 100% 0%, rgba(200,169,104,.10), transparent 42% ), #111110; } .hibr-profile-completion-info{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; } .hibr-profile-completion-info h3{ margin:0 0 5px; color:#f4f1eb; font-size:20px; } .hibr-profile-completion-info p{ margin:0; color:#817e78; font-size:12px; } .hibr-profile-completion-info > strong{ color:#c8a968; font-size:28px; line-height:1; } .hibr-profile-progress{ width:100%; height:7px; overflow:hidden; margin-bottom:16px; border-radius:999px; background:#24231f; } .hibr-profile-progress span{ display:block; height:100%; border-radius:inherit; background:linear-gradient( 90deg, #8c6c2d, #dfc27f ); transition:width .45s ease; } .hibr-profile-completion-btn{ display:inline-flex; align-items:center; gap:10px; padding:10px 17px; color:#c8a968 !important; text-decoration:none !important; border:1px solid rgba(200,169,104,.25); border-radius:999px; font-size:12px; } .hibr-profile-complete{ display:inline-flex; padding:9px 15px; border-radius:999px; background:rgba(200,169,104,.10); color:#c8a968; font-size:12px; } /* HIBR Designer — global coming-soon badge */ .hibr-designer-coming-soon{ cursor:not-allowed!important; user-select:none; opacity:.72; filter:saturate(.72); } .hibr-designer-coming-soon:hover{ transform:none!important; box-shadow:none!important; } .hibr-coming-soon-badge{ display:inline-flex; align-items:center; justify-content:center; min-height:20px; margin-inline-start:8px; padding:2px 8px; border:1px solid rgba(224,189,98,.55); border-radius:999px; background:rgba(224,189,98,.1); color:#e0bd62; font-size:9px; font-weight:800; line-height:1; letter-spacing:.04em; white-space:nowrap; } .hibr-contact-dock-menu .hibr-designer-coming-soon .hibr-coming-soon-badge{ position:absolute; inset-inline-end:calc(100% + 8px); top:50%; transform:translateY(-50%); margin:0; } @media (max-width:760px){ .hibr-coming-soon-badge{font-size:8px;padding:2px 6px} } /* HIBR Designer — branded coming-soon page */ .hibr-designer-soon{ position:relative; min-height:calc(100svh - 90px); padding:clamp(120px,14vw,190px) 0 90px; overflow:hidden; direction:rtl; background: radial-gradient(circle at 76% 30%,rgba(200,169,104,.12),transparent 34%), linear-gradient(180deg,#070706 0%,#0a0907 100%); } .hibr-designer-soon-glow{ position:absolute; width:520px; height:520px; inset:-120px auto auto -140px; border:1px solid rgba(200,169,104,.08); border-radius:50%; box-shadow:0 0 120px rgba(200,169,104,.06); } .hibr-designer-soon-card{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.75fr); gap:48px; align-items:center; min-height:560px; padding:clamp(34px,6vw,78px); border:1px solid rgba(200,169,104,.24); border-radius:34px; background:linear-gradient(135deg,rgba(24,22,17,.94),rgba(7,7,6,.98)); box-shadow:0 34px 90px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.03); } .hibr-designer-soon-kicker{ display:flex; align-items:center; gap:12px; margin:0 0 24px; color:#d9b75f; font-size:11px; font-weight:800; letter-spacing:.22em; } .hibr-designer-soon-kicker span{width:36px;height:1px;background:#d9b75f} .hibr-designer-soon-copy h1{ margin:0; color:#f7f2e8; font-size:clamp(3.6rem,8vw,7.6rem); line-height:.88; letter-spacing:-.055em; } .hibr-designer-soon-copy h1 em{color:#d9b75f;font-style:normal} .hibr-designer-soon-copy>p:not(.hibr-designer-soon-kicker){max-width:600px;margin:30px 0 0;color:#aaa397;font-size:clamp(.92rem,1.4vw,1.08rem);line-height:2} .hibr-designer-soon-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:38px} .hibr-designer-soon-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#eee8dc;text-decoration:none} .hibr-designer-soon-visual{position:relative;display:grid;place-items:center;aspect-ratio:1} .hibr-designer-soon-ring{position:absolute;border:1px solid rgba(217,183,95,.2);border-radius:50%;animation:hibrSoonOrbit 14s linear infinite} .hibr-designer-soon-ring-one{inset:6%}.hibr-designer-soon-ring-two{inset:20%;animation-direction:reverse;animation-duration:10s} .hibr-designer-soon-ring:before{content:'';position:absolute;top:10%;left:12%;width:9px;height:9px;border-radius:50%;background:#d9b75f;box-shadow:0 0 20px rgba(217,183,95,.8)} .hibr-designer-soon-mark{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(180px,23vw,280px);aspect-ratio:1;border:1px solid rgba(217,183,95,.4);border-radius:50%;background:radial-gradient(circle,rgba(217,183,95,.12),rgba(6,6,5,.94) 68%);box-shadow:0 0 70px rgba(217,183,95,.09)} .hibr-designer-soon-mark small{color:#8f887c;font-size:10px;letter-spacing:.34em}.hibr-designer-soon-mark strong{color:#f4efe5;font-size:clamp(2.2rem,4vw,4rem);line-height:1}.hibr-designer-soon-mark b{margin-top:10px;color:#d9b75f;font-size:1rem} .hibr-designer-soon-roadmap{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);padding-top:30px} .hibr-designer-soon-roadmap span{display:flex;align-items:center;gap:12px;color:#b9b2a5;font-size:.78rem}.hibr-designer-soon-roadmap b{color:#d9b75f;font-size:.65rem;letter-spacing:.14em} @keyframes hibrSoonOrbit{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.hibr-designer-soon-ring{animation:none}} @media (max-width:820px){ .hibr-designer-soon{padding:105px 16px 55px} .hibr-designer-soon-card{grid-template-columns:1fr;gap:18px;min-height:auto;padding:34px 24px;border-radius:24px} .hibr-designer-soon-copy h1{font-size:clamp(3.5rem,18vw,6rem)} .hibr-designer-soon-visual{max-width:310px;width:100%;margin:auto} .hibr-designer-soon-roadmap{grid-template-columns:1fr;gap:14px;padding-top:24px} } html.hibr-language-selected .hibr-language-gate{ display:none !important; } /* HIBR Designer — temporary paused state / 2026-10-03 */ .hibr-designer-soon{ isolation:isolate; background: radial-gradient(circle at 76% 30%,rgba(200,169,104,.12),transparent 34%), linear-gradient(180deg,#070706 0%,#0a0907 100%) !important; } .hibr-designer-soon-watermark{ position:absolute; z-index:0; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-8deg); color:transparent; -webkit-text-stroke:1px rgba(217,183,95,.16); font-size:clamp(8rem,24vw,22rem); font-weight:900; line-height:.8; letter-spacing:-.08em; white-space:nowrap; opacity:.9; pointer-events:none; user-select:none; } .hibr-designer-soon-card{ z-index:1; background:linear-gradient(135deg,rgba(24,22,17,.94),rgba(7,7,6,.98)) !important; } @media (max-width:820px){ .hibr-designer-soon-watermark{ top:42%; font-size:clamp(7rem,38vw,11rem); -webkit-text-stroke-color:rgba(217,183,95,.13); } } /* ===================================================== HIBR MOBILE HEADER POLISH ===================================================== */ @media (max-width: 768px){ .hibr-header{ min-height:auto !important; padding:10px 0 !important; } .hibr-header-inner{ min-height:64px !important; padding:0 16px !important; display:grid !important; grid-template-columns:auto 1fr auto !important; align-items:center !important; gap:12px !important; } /* Logo */ .hibr-brand{ display:flex !important; align-items:center !important; justify-content:flex-end !important; margin:0 !important; } .hibr-brand img{ max-height:38px !important; width:auto !important; } /* Hamburger */ .hibr-menu-toggle{ width:48px !important; height:48px !important; min-width:48px !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; } /* Header actions */ .hibr-header-actions{ display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; margin:0 !important; flex-wrap:nowrap !important; } .hibr-header-actions a, .hibr-header-actions button{ min-height:42px !important; } /* Language */ .hibr-header-language{ display:flex !important; align-items:center !important; gap:4px !important; margin:0 !important; } /* Prevent giant spacing */ .hibr-header, .hibr-header-inner, .hibr-header-actions{ margin-top:0 !important; margin-bottom:0 !important; } } /* ===================================================== HIBR — CLEAN MOBILE HEADER ===================================================== */ @media (max-width: 768px){ .hibr-header{ padding:0 !important; min-height:68px !important; } .hibr-header-inner{ position:relative !important; min-height:68px !important; padding:0 14px !important; display:grid !important; grid-template-columns:52px 1fr 52px !important; align-items:center !important; gap:8px !important; } /* ===== MENU BUTTON ===== */ .hibr-menu-toggle{ grid-column:1 !important; width:46px !important; height:46px !important; min-width:46px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; border-radius:50% !important; } /* ===== BRAND / LOGO ===== */ .hibr-brand{ grid-column:2 !important; justify-self:center !important; display:flex !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; } .hibr-brand img{ width:auto !important; max-width:74px !important; max-height:38px !important; object-fit:contain !important; } /* ===== MAIN NAV ===== */ /* ===== HEADER ACTIONS ===== */ .hibr-header-actions{ grid-column:3 !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:0 !important; margin:0 !important; padding:0 !important; } /* اخفاء اللغة من الشريط العلوي */ .hibr-header-language{ display:none !important; } /* اخفاء الحساب من الشريط العلوي */ .hibr-header-actions a[href*="my-account"], .hibr-header-actions a[href*="%D8%AD%D8%B3%D8%A7%D8%A8"], .hibr-header-actions .hibr-account-link, .hibr-header-actions .account-link{ display:none !important; } /* ===== CART ===== */ .hibr-header-actions a[href*="cart"], .hibr-header-actions .hibr-cart-link, .hibr-header-actions .cart-link{ width:46px !important; height:46px !important; min-width:46px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; margin:0 !important; border-radius:50% !important; } /* امنع أي مسافات زيادة */ .hibr-header *, .hibr-header-inner *{ margin-top:0; margin-bottom:0; } } /* ===================================================== HIBR — FINAL CLEAN MOBILE HEADER Mobile: Menu | Brand | Cart ===================================================== */ @media (max-width: 768px){ /* ===== HEADER ===== */ #hibr-site-header{ min-height:72px !important; padding:0 !important; } #hibr-site-header .hibr-header-inner{ width:100% !important; min-height:72px !important; display:grid !important; grid-template-columns:52px 1fr 52px !important; grid-template-areas:"menu brand cart" !important; align-items:center !important; padding:0 16px !important; margin:0 !important; gap:8px !important; /* * مهم: * نخلي ترتيب الأعمدة فعلي: * Menu شمال - Logo وسط - Cart يمين */ direction:ltr !important; } /* ================================================= MENU BUTTON ================================================= */ #hibr-site-header .hibr-menu-toggle{ grid-area:menu !important; justify-self:start !important; width:48px !important; height:48px !important; min-width:48px !important; padding:0 !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; } /* ================================================= BRAND ================================================= */ #hibr-site-header .hibr-brand{ grid-area:brand !important; justify-self:center !important; display:flex !important; align-items:center !important; justify-content:center !important; width:auto !important; margin:0 !important; padding:0 !important; direction:rtl !important; } #hibr-site-header .hibr-brand img{ display:block !important; width:auto !important; height:auto !important; max-width:76px !important; max-height:40px !important; margin:0 auto !important; object-fit:contain !important; } /* ================================================= ACTIONS CONTAINER ================================================= */ #hibr-site-header .hibr-header-actions{ grid-area:cart !important; justify-self:end !important; width:52px !important; min-width:52px !important; display:flex !important; align-items:center !important; justify-content:flex-end !important; gap:0 !important; padding:0 !important; margin:0 !important; direction:rtl !important; } /* ================================================= HIDE LANGUAGE FROM TOP HEADER ================================================= */ #hibr-site-header .hibr-header-language{ display:none !important; } /* ================================================= HIDE ACCOUNT FROM TOP HEADER ================================================= */ #hibr-site-header .hibr-header-account{ display:none !important; } /* ================================================= HIDE DISCOVER CTA FROM TOP HEADER ================================================= */ #hibr-site-header .hibr-header-discover{ display:none !important; } /* ================================================= CART — ONLY ACTION LEFT ================================================= */ #hibr-site-header .hibr-cart{ position:relative !important; width:48px !important; height:48px !important; min-width:48px !important; padding:0 !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; font-size:0 !important; text-decoration:none !important; } /* * نخفي كلمة "السلة" * ونسيب علامة بسيطة للكارت */ #hibr-site-header .hibr-cart-label{ display:none !important; } /* * Cart icon بدون تعديل PHP */ #hibr-site-header .hibr-cart::before{ content:""; width:20px; height:20px; display:block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f4f1eb' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 10.2a2 2 0 0 0 2 1.5h7.8a2 2 0 0 0 1.9-1.4L21 8H7'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E") center / contain no-repeat; } /* عدد المنتجات */ #hibr-site-header .hibr-cart-count{ position:absolute !important; top:-3px !important; right:-3px !important; min-width:19px !important; height:19px !important; padding:0 4px !important; display:flex !important; align-items:center !important; justify-content:center !important; border-radius:999px !important; background:#d8b15b !important; color:#080807 !important; font-size:10px !important; line-height:1 !important; font-weight:800 !important; } /* ================================================= REMOVE OLD MOBILE SPACING ================================================= */ #hibr-site-header .hibr-header-inner, #hibr-site-header .hibr-header-actions, #hibr-site-header .hibr-brand{ margin-top:0 !important; margin-bottom:0 !important; } } /* ===================================================== HIBR MOBILE DRAWER EXTRAS ===================================================== */ /* Desktop: hide mobile-only items */ .hibr-mobile-menu-extra{ display:none; } @media (max-width:768px){ /* * مهم: * ماتخليش .hibr-nav display:none !important * لأن دي القائمة اللي الـhamburger بيفتحها. */ .hibr-mobile-menu-extra{ display:block; width:100%; margin-top:22px; } .hibr-mobile-menu-divider{ width:100%; height:1px; margin:8px 0 20px; background: rgba(255,255,255,.09); } /* ACCOUNT */ .hibr-mobile-account{ width:100%; display:flex !important; align-items:center; gap:12px; padding:14px 16px !important; border:1px solid rgba(200,169,104,.18); border-radius:16px; background: rgba(200,169,104,.05); color:#f4f1eb !important; text-decoration:none !important; } .hibr-mobile-account-icon{ width:34px; height:34px; display:flex; align-items:center; justify-content:center; flex:0 0 34px; border-radius:50%; color:#c8a968; border: 1px solid rgba(200,169,104,.25); } .hibr-mobile-account-icon svg{ width:19px; height:19px; } /* LANGUAGE */ .hibr-mobile-language{ margin-top:14px; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; gap:15px; border: 1px solid rgba(255,255,255,.07); border-radius:16px; background:#111110; } .hibr-mobile-language-label{ color:#88847c; font-size:12px; } .hibr-mobile-language-options{ display:flex; align-items:center; gap:7px; } .hibr-mobile-language-options a{ min-width:44px; padding:8px 11px !important; display:flex !important; justify-content:center; align-items:center; border-radius:999px; border: 1px solid rgba(200,169,104,.20); color:#c8a968 !important; font-size:11px !important; font-weight:700; text-decoration:none !important; } .hibr-mobile-language-options a:hover{ background:#c8a968; color:#080807 !important; } } /* ===================================================== HIBR — MOBILE MENU FIX ===================================================== */ @media (max-width:768px){ /* القائمة مقفولة افتراضيًا */ #hibr-site-header .hibr-nav{ position:absolute !important; top:72px !important; left:12px !important; right:12px !important; z-index:9999 !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:5px !important; padding:16px !important; background:rgba(12,12,11,.98) !important; border:1px solid rgba(200,169,104,.16) !important; border-radius:20px !important; box-shadow:0 25px 60px rgba(0,0,0,.55) !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:translateY(-10px) scale(.98) !important; transition: opacity .25s ease, transform .25s ease, visibility .25s ease !important; } /* لما زر المنيو يبقى مفتوح */ #hibr-site-header .hibr-menu-toggle[aria-expanded="true"] + .hibr-nav{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateY(0) scale(1) !important; } /* روابط القائمة */ #hibr-site-header .hibr-nav > a{ display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; padding:13px 15px !important; color:#f4f1eb !important; text-decoration:none !important; border-radius:12px !important; font-size:14px !important; } #hibr-site-header .hibr-nav > a:hover, #hibr-site-header .hibr-nav > a[aria-current="page"]{ background:rgba(200,169,104,.09) !important; color:#c8a968 !important; } /* الزر يتحول X */ #hibr-site-header .hibr-menu-toggle[aria-expanded="true"] .hibr-menu-toggle-lines i:first-child{ transform:translateY(3px) rotate(45deg) !important; } #hibr-site-header .hibr-menu-toggle[aria-expanded="true"] .hibr-menu-toggle-lines i:last-child{ transform:translateY(-3px) rotate(-45deg) !important; } .hibr-menu-toggle-lines i{ transition:transform .25s ease !important; } } @media (max-width:768px){ #hibr-site-header .hibr-nav.is-open{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateY(0) scale(1) !important; } } /* HIBR editorial header + reference hero, 2026-09-21. */ .hibr-hero-legacy{display:none!important} .hibr-topline{position:relative;z-index:102;background:#050505;color:#b9ab8e;border-bottom:1px solid rgba(202,179,132,.12)} .hibr-topline-inner{min-height:34px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:.66rem;letter-spacing:.02em} .hibr-topline a{color:inherit}.hibr-topline i{width:1px;height:11px;background:rgba(255,255,255,.24)} .hibr-header.hibr-header-editorial{position:relative;z-index:101;border-bottom:1px solid rgba(255,255,255,.07);background:#0b0a09;color:#ded4c0} .home .hibr-topline{position:absolute;inset:0 0 auto} .home .hibr-header.hibr-header-editorial{position:absolute;inset:34px 0 auto;background:linear-gradient(180deg,rgba(7,7,6,.9),rgba(7,7,6,.62));backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)} .hibr-header-editorial .hibr-header-inner{width:min(100% - 54px,2020px);max-width:none;min-height:84px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:34px} .hibr-editorial-brand{display:flex;align-items:center;gap:16px;margin:0;color:#f3efe8;direction:rtl} .hibr-editorial-brand .hibr-brand-mark{font-size:1.48rem;font-weight:900;line-height:1;transform:skew(-8deg) rotate(-3deg)} .hibr-editorial-brand>i{width:1px;height:34px;background:rgba(255,255,255,.5)} .hibr-editorial-brand .hibr-brand-en{font:800 1.55rem/1 Arial,sans-serif;letter-spacing:-.05em;color:#f3efe8} .hibr-editorial-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.3vw,48px);direction:rtl;margin:0} .hibr-editorial-nav>a{position:relative;padding:31px 0 27px;color:#c7bdab;font-size:.78rem;white-space:nowrap} .hibr-editorial-nav>a:hover,.hibr-editorial-nav>a[aria-current="page"]{color:#e8dbc1} .hibr-editorial-nav>a[aria-current="page"]:after{content:"";position:absolute;inset:auto 0 17px;height:2px;background:#d8c39a} .hibr-editorial-nav small{font-size:.75em;margin-inline-start:4px} .hibr-editorial-actions{display:flex;align-items:center;gap:22px;margin:0} .hibr-editorial-actions>a{position:relative;display:grid;place-items:center;width:26px;height:32px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#d6cbb7!important;box-shadow:none!important;font-size:0!important} .hibr-editorial-actions svg{display:block;width:23px;height:23px} .hibr-editorial-actions .hibr-cart{width:30px!important;height:34px!important;flex-basis:30px!important;margin:0!important} .hibr-cart-bag{display:block!important} .hibr-editorial-actions .hibr-cart:before,.hibr-editorial-actions .hibr-cart:after{display:none!important} .hibr-editorial-actions .hibr-cart-count{position:absolute!important;inset:-5px -7px auto auto!important;display:grid!important;place-items:center!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border:0!important;border-radius:999px!important;background:#d8c393!important;color:#14110c!important;font:800 9px/1 Arial!important;box-shadow:none!important} .hibr-reference-hero{position:relative;min-height:min(724px,33.35vw);overflow:hidden;background:#090806;isolation:isolate} .hibr-reference-hero-image{display:block;width:100%;height:auto;min-height:min(724px,33.35vw);object-fit:cover;object-position:center top} .hibr-reference-mobile-copy{display:none} .hibr-reference-shop-hotspot{position:absolute;z-index:5;left:24.2%;top:62%;width:10.4%;height:8.8%;border-radius:999px} .hibr-reference-shop-hotspot:focus-visible{outline:2px solid #f4e1b2;outline-offset:5px} @media(max-width:1180px){ .hibr-header-editorial .hibr-header-inner{width:min(100% - 32px,1120px);gap:20px} .hibr-editorial-nav{gap:19px}.hibr-editorial-nav>a{font-size:.7rem} .hibr-editorial-nav>a:nth-last-child(-n+2){display:none} } @media(max-width:780px){ .hibr-topline{display:none!important} .home .hibr-header.hibr-header-editorial{inset:0 0 auto;background:linear-gradient(180deg,rgba(5,5,4,.94),rgba(5,5,4,.24))!important} .hibr-header.hibr-header-editorial{background:#080807!important} .hibr-header-editorial .hibr-header-inner{width:calc(100% - 28px);min-height:68px;display:flex;justify-content:space-between;gap:12px;padding:0!important} .hibr-editorial-brand{gap:9px}.hibr-editorial-brand .hibr-brand-mark{font-size:1.05rem}.hibr-editorial-brand>i{height:23px}.hibr-editorial-brand .hibr-brand-en{display:block!important;font-size:1.08rem} .hibr-header-editorial .hibr-menu-toggle{display:grid!important;order:-1;flex:0 0 42px!important;width:42px!important;height:42px!important} .hibr-editorial-nav{position:fixed!important;inset:68px 0 0!important;z-index:130;display:none!important;align-content:start;justify-items:stretch;padding:28px 22px;background:rgba(6,6,5,.98);overflow:auto} .hibr-editorial-nav.is-open,.hibr-header.is-menu-open .hibr-editorial-nav{display:grid!important} #hibr-site-header .hibr-editorial-nav{position:fixed!important;inset:68px 0 auto!important;z-index:130!important;width:auto!important;height:calc(100svh - 68px)!important;max-height:calc(100svh - 68px)!important;padding:28px 22px!important;border:0!important;border-radius:0!important;background:rgba(6,6,5,.98)!important;box-shadow:none!important;transform:none!important;overflow:auto!important;justify-items:stretch!important} #hibr-site-header .hibr-editorial-nav.is-open,#hibr-site-header.is-menu-open .hibr-editorial-nav,#hibr-site-header .hibr-menu-toggle[aria-expanded="true"] + .hibr-editorial-nav{display:grid!important;grid-auto-rows:min-content;align-content:start;gap:0!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important} #hibr-site-header .hibr-editorial-nav>a{width:100%!important;max-width:none!important;justify-content:flex-start!important} .hibr-editorial-nav>a,.hibr-editorial-nav>a:nth-last-child(-n+2){display:block!important;padding:16px 4px!important;border-bottom:1px solid rgba(255,255,255,.08);font-size:1rem!important} .hibr-editorial-nav>a[aria-current="page"]:after{display:none} .hibr-editorial-actions{margin-inline-start:auto!important;gap:13px!important} .hibr-editorial-actions .hibr-header-search,.hibr-editorial-actions .hibr-header-account{display:none!important} .hibr-editorial-actions .hibr-cart{display:grid!important;width:42px!important;height:42px!important;flex-basis:42px!important;border:1px solid rgba(216,195,147,.38)!important;border-radius:50%!important;background:rgba(9,9,8,.72)!important} .hibr-editorial-actions .hibr-cart-bag{width:20px;height:20px;color:#dcc796} .hibr-editorial-actions .hibr-cart-count{inset:-1px -1px auto auto!important} .hibr-reference-hero{min-height:100svh;background:#080706} .hibr-reference-hero-image{position:absolute;inset:0;width:100%;height:72svh;min-height:0;object-fit:cover;object-position:62% center;filter:saturate(.78) contrast(1.07)} .hibr-reference-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,3,.02) 35%,rgba(4,4,3,.45) 58%,#060605 77%);pointer-events:none} .hibr-reference-mobile-copy{position:absolute;z-index:3;inset:auto 72px 48px 20px;display:block;text-align:right;direction:rtl} .hibr-reference-mobile-copy p{margin:0 0 11px;color:#cdb98d;font:600 .55rem/1.4 Arial;letter-spacing:.15em} .hibr-reference-mobile-copy h1{margin:0;color:#f2eadb;font-size:clamp(2rem,9.5vw,3rem);line-height:1.08;letter-spacing:-.045em} .hibr-reference-mobile-copy h1 span{color:#cfc2a8;font-size:.64em;font-weight:500;letter-spacing:-.03em} .hibr-reference-mobile-copy a{display:inline-flex;align-items:center;gap:20px;min-height:52px;margin-top:24px;padding:0 25px;border-radius:999px;background:#d8c18e;color:#15110b;font-size:.84rem;font-weight:800} .hibr-reference-shop-hotspot{display:none} } /* Keep the contact anti-spam field accessible to bots without widening RTL pages. */ .hibr-contact-form .hibr-honeypot{position:fixed!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important} /* ========================================================= HIBR CANVA-LED HERO V2 — GLASS HEADER / RESPONSIVE ========================================================= */ .home .hibr-topline{z-index:1003;background:rgba(4,4,4,.32)!important;border-color:rgba(255,255,255,.08)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .home .hibr-header.hibr-header-editorial{z-index:1002;background:linear-gradient(180deg,rgba(7,7,6,.42),rgba(7,7,6,.1))!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important;backdrop-filter:blur(16px) saturate(1.12)!important;-webkit-backdrop-filter:blur(16px) saturate(1.12)!important} .home .hibr-header-editorial .hibr-header-inner{min-height:90px} .home .hibr-editorial-nav>a{color:rgba(246,239,226,.74)} .home .hibr-editorial-nav>a:hover,.home .hibr-editorial-nav>a[aria-current="page"]{color:#f6ead1} .hibr-canvas-hero{position:relative;z-index:1;display:grid;min-height:clamp(720px,100svh,940px);overflow:hidden;background:#050504;isolation:isolate} .hibr-canvas-hero-media{position:absolute;inset:0;z-index:-3;display:block} .hibr-canvas-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 53%;filter:saturate(.78) contrast(1.08) brightness(.84);transform:scale(1.015)} .hibr-canvas-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(4,4,3,.02) 0%,rgba(5,5,4,.2) 40%,rgba(5,5,4,.92) 100%),linear-gradient(180deg,rgba(3,3,3,.08) 0%,transparent 45%,rgba(3,3,3,.82) 100%)} .hibr-canvas-hero-shade:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 50%,transparent 0 32%,rgba(0,0,0,.18) 72%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,86px 86px,86px 86px;mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 82%,transparent)} .hibr-canvas-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:min(100% - 72px,1440px);padding:165px 0 130px;direction:rtl} .hibr-canvas-hero-copy{max-width:660px;margin-inline-start:auto;text-align:right} .hibr-canvas-kicker{display:flex;align-items:center;justify-content:flex-start;gap:13px;margin:0;color:#d0b16c;font:700 .62rem/1.4 Arial,sans-serif;letter-spacing:.22em;direction:ltr} .hibr-canvas-kicker span{width:42px;height:1px;background:#d0b16c} .hibr-canvas-hero h1{margin:23px 0 25px;color:#f5efe5;font-size:clamp(4.6rem,7vw,8rem);font-weight:850;line-height:.86;letter-spacing:-.075em;text-wrap:balance} .hibr-canvas-hero h1 em{color:#cfb87e;font-style:normal;font-weight:450} .hibr-canvas-lead{max-width:570px;margin:0;color:rgba(245,239,229,.67);font-size:clamp(.9rem,1.05vw,1.05rem);line-height:2} .hibr-canvas-actions{display:flex;align-items:center;gap:30px;margin-top:34px} .hibr-canvas-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-width:205px;min-height:58px;padding:0 24px;border:1px solid #d8bd7d;border-radius:999px;background:linear-gradient(135deg,#e2c98d,#bea05b);color:#100d08!important;font-size:.84rem;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.28);transition:.25s ease} .hibr-canvas-primary:hover{transform:translateY(-3px);box-shadow:0 24px 52px rgba(0,0,0,.45)} .hibr-canvas-primary b{font-size:1.2rem} .hibr-canvas-secondary{display:flex;align-items:center;gap:14px;padding-bottom:5px;border-bottom:1px solid rgba(216,189,125,.55);color:#efe5d2!important;font-size:.8rem} .hibr-canvas-secondary span{color:#d8bd7d} .hibr-canvas-side-note{align-self:end;display:grid;justify-items:center;gap:14px;margin-bottom:20px;color:rgba(244,236,221,.55);font:600 .55rem/1.65 Arial;letter-spacing:.2em;text-align:center;direction:ltr} .hibr-canvas-side-note i{width:1px;height:75px;background:linear-gradient(#d7bb78,transparent)} .hibr-canvas-side-note b{color:#d4b873;font-size:.68rem;letter-spacing:.22em} .hibr-canvas-scroll{position:absolute;z-index:2;inset:auto auto 104px 34px;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.38);font:600 .48rem Arial;letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg)} .hibr-canvas-scroll i{width:1px;height:56px;background:linear-gradient(#c8a968,transparent)} .home .hibr-feature-strip{position:relative;z-index:5;width:min(calc(100% - 64px),1440px);margin:-86px auto 0;border:1px solid rgba(208,177,108,.2)!important;border-radius:24px 24px 0 0;background:linear-gradient(180deg,rgba(12,11,9,.78),rgba(7,7,6,.96))!important;box-shadow:0 -20px 70px rgba(0,0,0,.32);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .home .hibr-feature-strip .hibr-container{width:100%;max-width:none;padding-inline:0} .home .hibr-feature-grid{min-height:86px} .home .hibr-feature{border-color:rgba(255,255,255,.075)!important} .home .drop{margin-top:0!important;padding-top:54px!important;background:linear-gradient(180deg,#070706 0%,#090908 20%,#070706 100%)!important} .home .drop:before{opacity:.32!important} @media(min-width:701px) and (max-width:1100px){ .home .hibr-header-editorial .hibr-header-inner{width:calc(100% - 32px);min-height:82px;gap:18px}.home .hibr-editorial-nav{gap:15px}.home .hibr-editorial-nav>a{font-size:.66rem}.home .hibr-editorial-actions{gap:14px} .hibr-canvas-hero{min-height:760px}.hibr-canvas-hero-media img{object-position:45% center;filter:saturate(.82) contrast(1.04) brightness(.96)}.hibr-canvas-hero-shade{background:linear-gradient(90deg,rgba(4,4,3,.02),rgba(5,5,4,.16) 38%,rgba(5,5,4,.76) 100%),linear-gradient(180deg,rgba(3,3,3,.03),transparent 48%,rgba(3,3,3,.72))} .hibr-canvas-hero-inner{width:calc(100% - 50px);padding-top:155px}.hibr-canvas-hero-copy{max-width:520px}.hibr-canvas-hero h1{font-size:clamp(4.4rem,9vw,6.2rem)}.hibr-canvas-side-note{display:none} .home .hibr-feature-strip{width:calc(100% - 34px);margin-top:-72px}.home .hibr-feature-grid{grid-template-columns:repeat(4,1fr)}.home .hibr-feature{padding-inline:12px}.home .hibr-feature small{font-size:.45rem} } @media(max-width:700px){ .home .hibr-topline{display:none!important}.home .hibr-header.hibr-header-editorial{inset:0 0 auto!important;background:linear-gradient(180deg,rgba(5,5,4,.72),rgba(5,5,4,.14))!important;border-bottom-color:rgba(255,255,255,.08)!important}.home .hibr-header-editorial .hibr-header-inner{min-height:70px} .hibr-canvas-hero{min-height:max(760px,100svh)}.hibr-canvas-hero-media img{object-position:50% 35%;filter:saturate(.72) contrast(1.06) brightness(.67);transform:none}.hibr-canvas-hero-shade{background:linear-gradient(180deg,rgba(4,4,3,.05) 0%,rgba(4,4,3,.04) 35%,rgba(5,5,4,.88) 66%,#060605 92%)} .hibr-canvas-hero-inner{display:block;width:calc(100% - 34px);padding:0}.hibr-canvas-hero-copy{position:absolute;inset:auto 72px 116px 0;max-width:none;margin:0;text-align:right}.hibr-canvas-kicker{font-size:.48rem;letter-spacing:.17em}.hibr-canvas-kicker span{width:24px}.hibr-canvas-hero h1{margin:15px 0 16px;font-size:clamp(3rem,12.5vw,3.35rem);line-height:.98}.hibr-canvas-lead{max-width:31em;font-size:.78rem;line-height:1.75}.hibr-canvas-actions{align-items:stretch;gap:9px;margin-top:21px}.hibr-canvas-primary{flex:1;min-width:0;min-height:50px;padding-inline:15px;font-size:.72rem}.hibr-canvas-secondary{justify-content:center;min-width:105px;font-size:.67rem}.hibr-canvas-side-note,.hibr-canvas-scroll{display:none} .home .hibr-feature-strip{width:calc(100% - 24px);margin-top:-76px;border-radius:20px 20px 0 0}.home .hibr-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0}.home .hibr-feature{min-height:76px;padding:13px 10px!important}.home .hibr-feature:nth-child(n+3){border-top:1px solid rgba(255,255,255,.07)}.home .hibr-feature strong{font-size:.72rem}.home .hibr-feature small{font-size:.4rem}.home .hibr-feature-icon{width:31px;height:31px;font-size:.75rem} .home .drop{padding-top:34px!important}.home .drop-head{margin-bottom:22px!important} } /* HIBR video hero — fashion and accessories. */ .hibr-canvas-hero-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.82) contrast(1.08) brightness(.75);transform:scale(1.015)} .hibr-canvas-categories{display:flex;align-items:center;gap:0;margin-top:30px;border-block:1px solid rgba(255,255,255,.1);width:max-content;max-width:100%} .hibr-canvas-categories a{position:relative;padding:12px 18px;color:rgba(255,255,255,.58);font-size:.68rem;white-space:nowrap} .hibr-canvas-categories a+ a:before{content:"";position:absolute;inset:50% 0 auto;width:1px;height:13px;background:rgba(200,169,104,.28);transform:translateY(-50%)} .hibr-canvas-categories a:hover{color:#e0c27d} @media(min-width:701px) and (max-width:1100px){.hibr-canvas-hero-media video{object-position:center center;filter:saturate(.86) contrast(1.06) brightness(.84)}} @media(max-width:700px){ .hibr-canvas-hero-media video{object-position:center center;filter:saturate(.78) contrast(1.08) brightness(.66);transform:none} .hibr-canvas-categories{width:100%;margin-top:18px;justify-content:space-between;overflow:hidden} .hibr-canvas-categories a{flex:1;padding:10px 5px;text-align:center;font-size:.6rem} .hibr-canvas-hero-copy{bottom:104px} } @media(prefers-reduced-motion:reduce){.hibr-canvas-hero-media video{display:none}.hibr-canvas-hero-media{background:url('assets/hibr-hero-cover-2030.png') center/cover no-repeat}} /* ========================================================= HIBR SIZE GUIDE V2 — INTERACTIVE GARMENT SELECTOR ========================================================= */ .hibr-size-v2{--sg-gold:#d7b66f;--sg-line:rgba(215,182,111,.28);--sg-panel:#0b0b0a;background:#050505;color:#f5f1e8;overflow:hidden} .hibr-size-v2 .hibr-container{width:min(1420px,calc(100% - 72px));margin-inline:auto} .hibr-size-v2-hero{position:relative;padding:clamp(95px,11vw,160px) 0 48px;background:radial-gradient(circle at 30% 15%,rgba(215,182,111,.12),transparent 32%),linear-gradient(180deg,#080807,#050505)} .hibr-size-v2-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(0,0,0,.38)),repeating-linear-gradient(90deg,transparent 0 119px,rgba(255,255,255,.018) 120px);pointer-events:none} .hibr-size-v2-hero-inner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:48px} .hibr-size-v2-title p,.hibr-size-v2-measure-heading p{display:flex;align-items:center;gap:14px;margin:0 0 19px;color:var(--sg-gold);font-size:11px;letter-spacing:.24em}.hibr-size-v2-title p span{width:46px;height:1px;background:var(--sg-gold)} .hibr-size-v2-title h1{margin:0;font-size:clamp(58px,8vw,126px);line-height:.88;font-weight:800;letter-spacing:-.055em}.hibr-size-v2-title h1 em{color:var(--sg-gold);font-style:normal;font-weight:500} .hibr-size-v2-title>strong{display:block;margin-top:30px;color:#c4bfb5;font-size:clamp(15px,1.25vw,20px);font-weight:400} .hibr-size-v2-trust{display:flex;align-items:center;gap:18px;padding-bottom:10px;color:#817c72;font-size:13px;line-height:1.8}.hibr-size-v2-trust i{width:72px;height:1px;background:linear-gradient(90deg,transparent,var(--sg-gold))} .hibr-size-v2-nav{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 0 48px} .hibr-size-v2-nav a{position:relative;min-height:112px;display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid rgba(215,182,111,.2);border-radius:20px;background:linear-gradient(135deg,rgba(22,21,18,.96),rgba(8,8,7,.95));color:#f4f0e8;text-decoration:none;overflow:hidden;transition:.35s ease} .hibr-size-v2-nav a::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(215,182,111,.13),transparent 70%);transform:translateX(120%);transition:transform .55s ease} .hibr-size-v2-nav a:hover{border-color:rgba(215,182,111,.7);transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.38),0 0 30px rgba(215,182,111,.07)}.hibr-size-v2-nav a:hover::after{transform:translateX(-120%)} .hibr-size-v2-nav img{width:72px;height:82px;object-fit:contain;filter:brightness(.88);transition:.35s ease}.hibr-size-v2-nav a:hover img{transform:scale(1.08);filter:brightness(1.08)} .hibr-size-v2-nav span{display:grid;gap:5px;font-size:18px;font-weight:700}.hibr-size-v2-nav small{color:#777269;font-size:9px;letter-spacing:.18em;font-weight:500}.hibr-size-v2-nav b{margin-inline-start:auto;width:38px;height:38px;border:1px solid var(--sg-line);border-radius:50%;display:grid;place-items:center;color:var(--sg-gold);transition:.3s}.hibr-size-v2-nav a:hover b{color:#090908;background:var(--sg-gold);transform:rotate(-45deg)} .hibr-size-v2-nav .hibr-size-v2-nav-help{background:linear-gradient(135deg,rgba(215,182,111,.11),rgba(10,9,7,.96))} .hibr-size-v2-showcase{padding:20px 0 85px}.hibr-size-v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;direction:rtl} .hibr-size-product{position:relative;border:1px solid rgba(215,182,111,.23);border-radius:24px;background:linear-gradient(165deg,#10100e,#080807 55%,#0b0a08);box-shadow:0 35px 80px rgba(0,0,0,.33);overflow:hidden;scroll-margin-top:115px;transition:border-color .3s,transform .3s,box-shadow .3s} .hibr-size-product:hover{border-color:rgba(215,182,111,.48);transform:translateY(-4px);box-shadow:0 40px 95px rgba(0,0,0,.48),0 0 50px rgba(215,182,111,.05)} .hibr-size-product::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(215,182,111,.065),transparent 62%);opacity:0;transition:.35s}.hibr-size-product:hover::before{opacity:1} .hibr-size-product>header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:25px 26px 5px}.hibr-size-product>header small{display:block;color:#736d62;font-size:9px;letter-spacing:.23em}.hibr-size-product>header h2{margin:5px 0 0;font-size:29px}.hibr-size-product>header>span{border:1px solid var(--sg-line);border-radius:999px;padding:8px 10px;color:var(--sg-gold);font:600 9px/1 sans-serif;letter-spacing:.12em} .hibr-size-product-visual{--size-scale:1;position:relative;height:clamp(330px,33vw,510px);margin:0 14px;background:radial-gradient(circle at 50% 52%,rgba(215,182,111,.12),transparent 42%),linear-gradient(180deg,transparent,#070706);border-radius:18px;overflow:hidden} .hibr-size-product-visual::after{content:"";position:absolute;inset:auto 10% 7%;height:24px;border-radius:50%;background:rgba(0,0,0,.72);filter:blur(12px)} .hibr-size-product-visual img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transform:scale(var(--size-scale));filter:saturate(.8) contrast(1.08);transition:transform .45s cubic-bezier(.2,.85,.2,1),filter .4s} .hibr-size-product:hover .hibr-size-product-visual img{filter:saturate(.9) contrast(1.08) brightness(1.06)} .hibr-measure-line{position:absolute;z-index:3;display:flex;align-items:center;color:var(--sg-gold);font-size:9px;opacity:.7;pointer-events:none}.hibr-measure-line i{display:block;background:var(--sg-gold)} .hibr-measure-line-width{top:7%;left:20%;right:20%;gap:7px}.hibr-measure-line-width i{height:1px;flex:1}.hibr-measure-line-height{top:25%;bottom:15%;left:7%;flex-direction:column;gap:7px}.hibr-measure-line-height i{width:1px;flex:1}.hibr-measure-line-height span{writing-mode:vertical-rl} .hibr-size-selected-badge{position:absolute;z-index:4;left:13px;bottom:14px;width:72px;height:72px;border:1px solid rgba(215,182,111,.55);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(7,7,6,.82);backdrop-filter:blur(10px);box-shadow:0 0 25px rgba(215,182,111,.1)}.hibr-size-selected-badge small{font-size:7px;color:#827b70}.hibr-size-selected-badge strong{color:var(--sg-gold);font:700 23px/1.2 sans-serif} .hibr-size-product-note{min-height:44px;margin:8px 25px 16px;color:#8e887e;font-size:12px} .hibr-size-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:0 20px}.hibr-size-picker button{position:relative;min-width:0;height:52px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#0b0b09;color:#b7b1a7;cursor:pointer;overflow:hidden;transition:.25s ease}.hibr-size-picker button span{position:relative;z-index:2;font:700 13px/1 sans-serif}.hibr-size-picker button i{position:absolute;left:50%;bottom:-20px;width:34px;height:34px;border-radius:50%;background:var(--sg-gold);transform:translateX(-50%) scale(0);transition:.3s cubic-bezier(.2,.8,.2,1)} .hibr-size-picker button:hover{border-color:rgba(215,182,111,.55);color:#fff;transform:translateY(-3px)}.hibr-size-picker button.is-active{border-color:var(--sg-gold);color:#070706;background:var(--sg-gold);box-shadow:0 8px 30px rgba(215,182,111,.2);transform:translateY(-3px)}.hibr-size-picker button.is-active i{transform:translateX(-50%) scale(2.4)} .hibr-size-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 20px 0;border:1px solid rgba(215,182,111,.17);border-radius:15px;overflow:hidden;background:rgba(0,0,0,.25)}.hibr-size-metrics>div{padding:16px 8px;text-align:center;border-inline-start:1px solid rgba(215,182,111,.12)}.hibr-size-metrics>div:last-child{border-inline-start:0}.hibr-size-metrics small{display:block;min-height:28px;color:#817b70;font-size:9px}.hibr-size-metrics strong{display:inline-block;margin-top:4px;color:#f5f1e8;font:700 25px/1 sans-serif;transition:.25s}.hibr-size-metrics em{margin-right:3px;color:var(--sg-gold);font-size:9px;font-style:normal} .hibr-size-product>footer{display:flex;justify-content:center;gap:10px;padding:17px;color:#676158;font-size:9px;letter-spacing:.03em}.hibr-size-product>footer span{color:var(--sg-gold)} .hibr-size-product.is-size-changing{animation:hibr-size-card-pulse .52s ease}.hibr-size-product.is-size-changing .hibr-size-metrics strong{animation:hibr-size-number .48s ease}.hibr-size-product.is-size-changing .hibr-size-selected-badge{animation:hibr-size-badge .48s ease} @keyframes hibr-size-card-pulse{45%{border-color:rgba(215,182,111,.8);box-shadow:0 0 0 1px rgba(215,182,111,.16),0 30px 90px rgba(0,0,0,.5)}}@keyframes hibr-size-number{0%{opacity:0;transform:translateY(8px) scale(.8)}60%{color:var(--sg-gold);transform:translateY(-2px) scale(1.12)}100%{opacity:1;transform:none}}@keyframes hibr-size-badge{50%{transform:scale(1.14);box-shadow:0 0 40px rgba(215,182,111,.28)}} .hibr-size-v2-disclaimer{margin:24px 0 0;text-align:center;color:#706a60;font-size:11px} .hibr-size-v2-measure{padding:100px 0;background:radial-gradient(circle at 80% 0,rgba(215,182,111,.1),transparent 35%),#090908;border-top:1px solid rgba(215,182,111,.15);scroll-margin-top:90px}.hibr-size-v2-measure-heading h2{margin:0;font-size:clamp(42px,5vw,76px);line-height:1.02}.hibr-size-v2-measure-heading h2 em{color:var(--sg-gold);font-style:normal;font-weight:400} .hibr-size-v2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:48px}.hibr-size-v2-steps article{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;padding:24px;border:1px solid rgba(215,182,111,.16);border-radius:18px;background:rgba(4,4,4,.48);transition:.3s}.hibr-size-v2-steps article:hover{border-color:rgba(215,182,111,.55);transform:translateY(-5px)}.hibr-size-v2-steps b{color:#59544c;font:500 11px/1 sans-serif}.hibr-size-v2-steps i{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--sg-line);border-radius:50%;color:var(--sg-gold);font-style:normal;font-size:20px}.hibr-size-v2-steps h3{margin:0 0 5px;font-size:18px}.hibr-size-v2-steps p{margin:0;color:#7f796f;font-size:11px;line-height:1.7} .hibr-size-v2-help{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:26px 30px;border-radius:18px;background:linear-gradient(110deg,rgba(215,182,111,.12),rgba(8,8,7,.65));border:1px solid rgba(215,182,111,.2)}.hibr-size-v2-help div{display:grid;gap:3px}.hibr-size-v2-help small{color:var(--sg-gold);font-size:8px;letter-spacing:.19em}.hibr-size-v2-help strong{font-size:20px}.hibr-size-v2-help span{color:#807a70;font-size:11px}.hibr-size-v2-help a{padding:15px 22px;border-radius:999px;background:var(--sg-gold);color:#090908;font-weight:700;text-decoration:none;white-space:nowrap}.hibr-size-v2-help a b{margin-right:18px} @media(max-width:1100px){.hibr-size-v2 .hibr-container{width:min(100% - 40px,980px)}.hibr-size-v2-nav{grid-template-columns:repeat(2,1fr)}.hibr-size-v2-grid{grid-template-columns:1fr 1fr}.hibr-size-product:last-child{grid-column:1/-1;width:calc(50% - 9px);margin-inline:auto}.hibr-size-product-visual{height:430px}.hibr-size-v2-steps{grid-template-columns:1fr}.hibr-size-v2-steps article{grid-template-columns:auto auto 1fr}} @media(max-width:700px){.hibr-size-v2 .hibr-container{width:calc(100% - 28px)}.hibr-size-v2-hero{padding:92px 0 32px}.hibr-size-v2-hero-inner{display:block}.hibr-size-v2-title h1{font-size:clamp(50px,17vw,72px);line-height:.94}.hibr-size-v2-title>strong{margin-top:20px;font-size:14px;line-height:1.8}.hibr-size-v2-trust{display:none}.hibr-size-v2-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding-bottom:30px;margin-inline:0;width:100%;padding-inline:14px;scrollbar-width:none}.hibr-size-v2-nav::-webkit-scrollbar{display:none}.hibr-size-v2-nav a{flex:0 0 78%;min-height:92px;scroll-snap-align:center;border-radius:17px;padding:10px 14px}.hibr-size-v2-nav img{width:60px;height:70px}.hibr-size-v2-showcase{padding-top:7px;padding-bottom:60px}.hibr-size-v2-grid{grid-template-columns:1fr;gap:15px}.hibr-size-product:last-child{grid-column:auto;width:auto;margin:0}.hibr-size-product{border-radius:20px;scroll-margin-top:84px}.hibr-size-product>header{padding:22px 20px 4px}.hibr-size-product>header h2{font-size:25px}.hibr-size-product-visual{height:370px;margin:0 8px}.hibr-size-product-note{margin-inline:18px}.hibr-size-picker{padding-inline:14px;gap:5px}.hibr-size-picker button{height:48px;border-radius:11px}.hibr-size-metrics{margin-inline:14px}.hibr-size-metrics>div{padding:13px 4px}.hibr-size-metrics strong{font-size:22px}.hibr-size-v2-measure{padding:70px 0}.hibr-size-v2-measure-heading h2{font-size:39px}.hibr-size-v2-steps{margin-top:30px}.hibr-size-v2-steps article{padding:18px;grid-template-columns:auto 1fr}.hibr-size-v2-steps article>b{display:none}.hibr-size-v2-help{align-items:stretch;flex-direction:column;padding:22px}.hibr-size-v2-help a{text-align:center}.hibr-measure-line-width{left:18%;right:18%}} @media(prefers-reduced-motion:reduce){.hibr-size-v2 *{scroll-behavior:auto!important}.hibr-size-product,.hibr-size-picker button,.hibr-size-product-visual img,.hibr-size-v2-nav a{transition:none!important}.hibr-size-product.is-size-changing,.hibr-size-product.is-size-changing *{animation:none!important}} /* ========================================================= HIBR MOBILE CONVERSION PASS — 2026-09-22 ========================================================= */ @media(max-width:760px){ /* One compact launcher plus WhatsApp; expand the rest only on demand. */ .hibr-contact-dock{right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;gap:7px!important;align-items:flex-end!important} .hibr-contact-dock-toggle{display:grid!important;position:relative!important;width:48px!important;height:48px!important;min-width:48px!important;border-color:rgba(215,182,111,.65)!important;background:linear-gradient(145deg,#171510,#090908)!important;box-shadow:0 12px 34px rgba(0,0,0,.52)!important;transition:transform .25s ease,background .25s ease!important} .hibr-contact-dock-menu{display:flex!important;flex-direction:column!important;gap:7px!important;align-items:flex-end!important} .hibr-contact-dock:not(.is-open) .hibr-contact-dock-item:not(.hibr-contact-whatsapp){display:none!important} .hibr-contact-dock.is-open .hibr-contact-dock-item{display:flex!important;animation:hibr-mobile-dock-in .24s both} .hibr-contact-dock.is-open .hibr-contact-dock-toggle{transform:rotate(45deg)!important;background:#d7b66f!important;color:#090908!important} .hibr-contact-dock-item{width:44px!important;height:44px!important;min-width:44px!important} .hibr-contact-whatsapp{width:48px!important;height:48px!important;min-width:48px!important;background:rgba(5,25,14,.96)!important} @keyframes hibr-mobile-dock-in{from{opacity:0;transform:translateY(9px) scale(.86)}to{opacity:1;transform:none}} /* Keep the same live hero, copy and campaign identity as desktop. */ .hibr-hero-legacy{display:none!important} .hibr-canvas-hero{display:grid!important;min-height:max(760px,100svh)!important;background:#050504!important} .hibr-canvas-hero-media{display:block!important;background:none!important} .hibr-canvas-hero-media video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:saturate(.82) contrast(1.08) brightness(.69)!important} .hibr-canvas-hero-copy{inset:auto 18px 112px 18px!important;text-align:right!important} /* Comfortable 44px touch areas. */ #hibr-site-header .hibr-brand,#hibr-site-header .hibr-menu-toggle,#hibr-site-header .hibr-cart{min-height:44px!important} .hibr-shop-category-link,.hibr-canvas-categories a,.single-product .hibr-option-head a,.hibr-language-gate button{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} .hibr-shop-category-link{padding-block:8px!important} .single-product .hibr-size-pills span,.single-product .hibr-colour-pills button{min-width:44px!important;min-height:44px!important} /* Use the available phone width instead of nesting a narrow checkout card. */ .woocommerce-checkout .hibr-content>.hibr-container{width:calc(100% - 18px)!important;max-width:none!important;margin-inline:auto!important} .woocommerce-checkout form.checkout{width:100%!important;margin-inline:0!important} .woocommerce-checkout form.checkout>.col2-set{padding:18px 13px!important} .woocommerce-checkout .form-row,.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .select2-container,.woocommerce-checkout .select2-selection{width:100%!important;max-width:none!important;box-sizing:border-box!important} .woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{width:100%!important;box-sizing:border-box!important} .woocommerce-checkout #place_order{min-height:60px!important} /* Remove the empty-looking delay before the main product photo paints. */ .single-product .woocommerce-product-gallery{min-height:0!important;aspect-ratio:1/1;background:radial-gradient(circle at 50% 44%,#24231e,#0b0b0a 68%)!important} .single-product .woocommerce-product-gallery__wrapper,.single-product .woocommerce-product-gallery__image{height:100%!important;min-height:0!important} .single-product .woocommerce-product-gallery__image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important} } /* ===================================================== HIBR — CHOOSE YOUR WORLD ===================================================== */ .hibr-worlds{ position:relative; overflow:hidden; padding:110px 0 120px; background: radial-gradient( circle at 50% 0, rgba(200,169,104,.07), transparent 35% ), #070706; } .hibr-worlds-head{ max-width:700px; margin:0 auto 50px; text-align:center; } .hibr-worlds-head .hibr-eyebrow{ margin-bottom:14px; color:#c8a968; font-size:10px; font-weight:700; letter-spacing:4px; } .hibr-worlds-head h2{ margin:0; color:#f4f0e7; font-size:clamp(52px,6vw,90px); font-weight:800; line-height:1; } .hibr-worlds-intro{ max-width:540px; margin:20px auto 0; color:rgba(255,255,255,.55); font-size:14px; line-height:1.9; } /* GRID */ .hibr-worlds-grid{ display:grid; grid-template-columns:1.35fr .85fr; gap:18px; max-width:1250px; margin:0 auto; } .hibr-worlds-small{ display:grid; grid-template-rows:1fr 1fr; gap:18px; } /* CARD */ .hibr-world-card{ position:relative; overflow:hidden; min-height:320px; display:block; border: 1px solid rgba(200,169,104,.16); border-radius:22px; background:#111; text-decoration:none; } .hibr-world-card-main{ min-height:660px; } .hibr-world-card img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.01); filter: saturate(.75) contrast(1.08); transition: transform .8s cubic-bezier(.2,.7,.2,1), filter .5s ease; } .hibr-world-shade{ position:absolute; inset:0; background: linear-gradient( to bottom, rgba(0,0,0,.05) 15%, rgba(0,0,0,.25) 50%, rgba(0,0,0,.94) 100% ); } /* CONTENT */ .hibr-world-card-content{ position:absolute; right:0; left:0; bottom:0; z-index:2; padding:30px; direction:rtl; } .hibr-world-index{ display:block; margin-bottom:8px; color:#c8a968; font-size:10px; font-weight:700; letter-spacing:3px; } .hibr-world-card-content h3{ margin:0; color:#fff; font-size:34px; line-height:1.1; } .hibr-world-card-main .hibr-world-card-content h3{ font-size:54px; } .hibr-world-card-content p{ max-width:380px; margin:10px 0 20px; color:rgba(255,255,255,.58); font-size:13px; line-height:1.7; } .hibr-world-arrow{ display:inline-flex; align-items:center; gap:10px; color:#d9bb72; font-size:12px; font-weight:700; } .hibr-world-arrow i{ font-style:normal; transition:transform .3s ease; } /* HOVER */ .hibr-world-card:hover img{ transform:scale(1.06); filter: saturate(.9) contrast(1.1); } .hibr-world-card:hover .hibr-world-arrow i{ transform:translateX(-6px); } /* ===================================================== MOBILE ===================================================== */ @media (max-width:768px){ .hibr-worlds{ padding:75px 16px 90px; } .hibr-worlds-head{ margin-bottom:32px; } .hibr-worlds-head h2{ font-size:48px; } .hibr-worlds-intro{ max-width:330px; font-size:13px; } .hibr-worlds-grid, .hibr-worlds-small{ display:flex; flex-direction:column; gap:14px; } .hibr-world-card, .hibr-world-card-main{ min-height:420px; border-radius:18px; } .hibr-worlds-small .hibr-world-card{ min-height:350px; } .hibr-world-card-content{ padding:24px; } .hibr-world-card-content h3, .hibr-world-card-main .hibr-world-card-content h3{ font-size:34px; } } /* ===================================================== HIBR — COMPLETE THE LOOK ===================================================== */ .hibr-complete-look{ position:relative; overflow:hidden; padding:120px 0; background: radial-gradient( circle at 50% 20%, rgba(200,169,104,.07), transparent 32% ), #070706; color:#f3efe7; } /* ========================================= HEADER ========================================= */ .hibr-look-head{ max-width:900px; margin:0 auto 55px; text-align:center; direction:rtl; } .hibr-look-head .hibr-eyebrow{ margin-bottom:18px; color:#c8a968; font-size:10px; font-weight:700; letter-spacing:4px; } .hibr-look-head h2{ margin:0; font-size:clamp(48px,5.5vw,86px); line-height:1.05; font-weight:800; color:#f5f1e9; } .hibr-look-head h2 span{ display:block; color:#c8a968; } .hibr-look-head > p:last-child{ max-width:600px; margin:22px auto 0; color:rgba(255,255,255,.53); font-size:14px; line-height:1.9; } /* ========================================= MAIN LAYOUT ========================================= */ .hibr-look-stage{ max-width:1280px; margin:0 auto; display:grid; grid-template-columns:1.55fr .55fr; gap:18px; } /* ========================================= MAIN VISUAL ========================================= */ .hibr-look-visual{ position:relative; min-height:720px; overflow:hidden; border: 1px solid rgba(200,169,104,.15); border-radius:24px; background:#0e0e0d; } .hibr-look-visual > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; filter: saturate(.75) contrast(1.1); transform:scale(1.01); transition: transform 1s cubic-bezier(.2,.7,.2,1); } .hibr-look-visual:hover > img{ transform:scale(1.035); } .hibr-look-overlay{ position:absolute; inset:0; background: linear-gradient( 90deg, rgba(0,0,0,.12), rgba(0,0,0,.05) 45%, rgba(0,0,0,.72) ), linear-gradient( to top, rgba(0,0,0,.70), transparent 45% ); z-index:1; } /* ========================================= BACKGROUND TEXT ========================================= */ .hibr-look-bg-text{ position:absolute; left:25px; bottom:110px; z-index:2; color: rgba(255,255,255,.06); font-size:clamp(50px,6vw,95px); font-weight:900; letter-spacing:-3px; writing-mode:vertical-rl; pointer-events:none; } /* ========================================= HOTSPOTS ========================================= */ .hibr-look-hotspot{ position:absolute; z-index:5; display:flex; align-items:center; gap:11px; text-decoration:none; color:#fff; } .hibr-look-hotspot-shirt{ top:29%; right:9%; } .hibr-look-hotspot-hoodie{ top:55%; left:9%; } .hibr-look-hotspot-accessory{ bottom:20%; right:12%; } .hibr-look-dot{ position:relative; width:17px; height:17px; flex:0 0 17px; border-radius:50%; background:#c8a968; box-shadow: 0 0 0 7px rgba(200,169,104,.14); } .hibr-look-dot::after{ content:""; position:absolute; inset:-8px; border: 1px solid rgba(200,169,104,.30); border-radius:50%; animation: hibrLookPulse 2s infinite; } @keyframes hibrLookPulse{ 0%{ transform:scale(.75); opacity:1; } 100%{ transform:scale(1.6); opacity:0; } } .hibr-look-callout{ min-width:140px; padding:12px 15px; display:flex; flex-direction:column; border: 1px solid rgba(255,255,255,.11); border-radius:13px; background: rgba(8,8,7,.78); backdrop-filter: blur(12px); direction:rtl; transition: border-color .3s ease, transform .3s ease, background .3s ease; } .hibr-look-hotspot:hover .hibr-look-callout{ transform: translateY(-4px); border-color: rgba(200,169,104,.50); background: rgba(12,12,10,.92); } .hibr-look-callout small{ color:#c8a968; font-size:9px; letter-spacing:2px; } .hibr-look-callout strong{ margin-top:4px; color:#fff; font-size:16px; } .hibr-look-callout em{ margin-top:3px; color: rgba(255,255,255,.45); font-size:10px; font-style:normal; } /* ========================================= CTA ========================================= */ .hibr-look-main-cta{ position:absolute; right:32px; bottom:30px; z-index:6; min-width:210px; padding:16px 21px; display:flex; align-items:center; justify-content:space-between; border-radius:999px; background:#d2b46b; color:#080807; font-size:13px; font-weight:800; text-decoration:none; transition: transform .3s ease, background .3s ease; } .hibr-look-main-cta:hover{ transform: translateY(-3px); background:#e1c77e; } .hibr-look-main-cta i{ font-style:normal; font-size:18px; } /* ========================================= SIDE PRODUCTS ========================================= */ .hibr-look-products{ display:grid; grid-template-rows:1fr 1fr; gap:18px; } .hibr-look-product{ position:relative; overflow:hidden; min-height:350px; border-radius:22px; border: 1px solid rgba(200,169,104,.13); background:#111; text-decoration:none; color:#fff; } .hibr-look-product img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter: saturate(.7) brightness(.78); transition: transform .7s ease; } .hibr-look-product::after{ content:""; position:absolute; inset:0; background: linear-gradient( to top, rgba(0,0,0,.90), transparent 58% ); } .hibr-look-product div{ position:absolute; right:23px; left:23px; bottom:23px; z-index:2; direction:rtl; } .hibr-look-product span{ color:#c8a968; font-size:9px; letter-spacing:2px; } .hibr-look-product h3{ margin:7px 0 0; color:#fff; font-size:24px; line-height:1.25; } .hibr-look-product:hover img{ transform: scale(1.06); } /* ===================================================== MOBILE ===================================================== */ @media (max-width:768px){ .hibr-complete-look{ padding: 78px 14px 90px; } .hibr-look-head{ margin-bottom:34px; } .hibr-look-head h2{ font-size:45px; } .hibr-look-head > p:last-child{ max-width:330px; font-size:12px; } .hibr-look-stage{ display:block; } .hibr-look-visual{ min-height:590px; border-radius:20px; } .hibr-look-visual > img{ object-position:38% center; } .hibr-look-bg-text{ display:none; } /* Hotspots become compact */ .hibr-look-hotspot-shirt{ top:24%; right:16px; } .hibr-look-hotspot-hoodie{ top:48%; left:16px; } .hibr-look-hotspot-accessory{ bottom:26%; right:16px; } .hibr-look-callout{ min-width:125px; padding:10px 12px; } .hibr-look-callout strong{ font-size:14px; } .hibr-look-main-cta{ right:16px; left:16px; bottom:16px; width:auto; min-width:0; } .hibr-look-products{ margin-top:14px; display:flex; overflow-x:auto; gap:12px; scroll-snap-type: x mandatory; padding-bottom:6px; -webkit-overflow-scrolling:touch; } .hibr-look-product{ min-width:78%; min-height:310px; scroll-snap-align:start; border-radius:18px; } } /* ===================================================== HIBR — COMPLETE LOOK HOTSPOTS POSITION FIX ===================================================== */ @media (min-width:769px){ /* التيشيرت — منتصف الصدر */ .hibr-look-hotspot-shirt{ top:34% !important; left:37% !important; right:auto !important; flex-direction:row !important; } /* الهودي — عند الكتف والطبقة الخارجية */ .hibr-look-hotspot-hoodie{ top:24% !important; left:25% !important; right:auto !important; flex-direction:row-reverse !important; } /* الإكسسوار — عند السلسلة */ .hibr-look-hotspot-accessory{ top:15% !important; left:35% !important; right:auto !important; bottom:auto !important; flex-direction:row !important; } } /* ===================================================== HIBR — PRECISE LOOK HOTSPOTS النقطة هي الـ anchor والبوكس بيتحرك لوحده ===================================================== */ @media (min-width:769px){ /* كل Hotspot يبقى مجرد نقطة ثابتة */ .hibr-look-hotspot{ width:18px !important; height:18px !important; display:block !important; transform:none !important; } .hibr-look-hotspot .hibr-look-dot{ position:absolute !important; top:0 !important; left:0 !important; width:18px !important; height:18px !important; } /* البوكس منفصل عن مكان النقطة */ .hibr-look-hotspot .hibr-look-callout{ position:absolute !important; margin:0 !important; width:140px !important; min-width:140px !important; } /* ============================== 01 — ACCESSORY / CHAIN النقطة عند السلسلة في الرقبة ============================== */ .hibr-look-hotspot-accessory{ left:36.5% !important; top:21.5% !important; right:auto !important; bottom:auto !important; } .hibr-look-hotspot-accessory .hibr-look-callout{ left:30px !important; right:auto !important; top:-18px !important; } /* ============================== 02 — HOODIE النقطة على الطبقة الخارجية ============================== */ .hibr-look-hotspot-hoodie{ left:28% !important; top:29% !important; right:auto !important; bottom:auto !important; } .hibr-look-hotspot-hoodie .hibr-look-callout{ right:30px !important; left:auto !important; top:-18px !important; } /* ============================== 03 — T-SHIRT النقطة في منتصف الصدر ============================== */ .hibr-look-hotspot-shirt{ left:39% !important; top:37% !important; right:auto !important; bottom:auto !important; } .hibr-look-hotspot-shirt .hibr-look-callout{ left:30px !important; right:auto !important; top:-18px !important; } } /* HIBR — REMOVE COMPLETE LOOK DOTS */ .hibr-look-dot{ display:none !important; } .hibr-look-dot::after{ display:none !important; } /* ===================================================== HIBR — CLEAN FASHION LABELS ===================================================== */ /* شيل النقط نهائي */ .hibr-look-dot, .hibr-look-dot::after{ display:none !important; } /* اللابل نفسه */ .hibr-look-hotspot{ width:auto !important; height:auto !important; display:block !important; text-decoration:none !important; } /* بوكس خفيف وPremium */ .hibr-look-hotspot .hibr-look-callout{ position:relative !important; top:auto !important; left:auto !important; right:auto !important; width:auto !important; min-width:105px !important; padding:9px 12px !important; border: 1px solid rgba(200,169,104,.16) !important; border-radius:10px !important; background: rgba(8,8,7,.52) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 8px 30px rgba(0,0,0,.16) !important; transition: transform .3s ease, background .3s ease, border-color .3s ease !important; } /* الرقم */ .hibr-look-callout small{ display:none !important; } /* الاسم */ .hibr-look-callout strong{ margin:0 !important; color:#f5f1e9 !important; font-size:12px !important; font-weight:700 !important; line-height:1.2 !important; } /* الوصف */ .hibr-look-callout em{ margin-top:4px !important; color: rgba(255,255,255,.42) !important; font-size:8px !important; line-height:1.3 !important; } /* Hover بسيط */ .hibr-look-hotspot:hover .hibr-look-callout{ transform: translateY(-3px) !important; background: rgba(12,12,10,.72) !important; border-color: rgba(200,169,104,.38) !important; } /* ===================================================== DESKTOP POSITIONS ===================================================== */ @media (min-width:769px){ /* الإكسسوار — عند السلسلة */ .hibr-look-hotspot-accessory{ top:17% !important; left:41% !important; right:auto !important; bottom:auto !important; } /* الهودي — ناحية الكتف */ .hibr-look-hotspot-hoodie{ top:29% !important; left:25% !important; right:auto !important; bottom:auto !important; } /* التيشيرت — ناحية الصدر */ .hibr-look-hotspot-shirt{ top:34% !important; left:46% !important; right:auto !important; bottom:auto !important; } } /* ===================================================== MOBILE ===================================================== */ @media (max-width:768px){ .hibr-look-hotspot .hibr-look-callout{ min-width:95px !important; padding:8px 10px !important; } .hibr-look-callout strong{ font-size:11px !important; } .hibr-look-callout em{ font-size:8px !important; } } /* ===================================================== HIBR — CLEAN COMPLETE LOOK Remove labels + CTA ===================================================== */ .hibr-look-hotspot, .hibr-look-main-cta{ display:none !important; } .hibr-look-left .hibr-look-card-content, .hibr-look-left h3, .hibr-look-left p, .hibr-look-left small, .hibr-look-left a{ display:none !important; } /* ===================================================== HIBR — SOON / CAUTION TAPE SECTION ===================================================== */ .hibr-soon-section{ position:relative !important; overflow:hidden !important; isolation:isolate; background: linear-gradient( rgba(5,5,4,.48), rgba(5,5,4,.68) ), url("assets/images/soon-tape-bg.png") center center / cover no-repeat !important; } /* طبقة غامقة عشان الكلام يفضل واضح */ .hibr-soon-section::before{ content:""; position:absolute; inset:0; z-index:-1; background: radial-gradient( circle at center, rgba(0,0,0,.08), rgba(0,0,0,.62) 82% ); pointer-events:none; } /* نخلي المحتوى قدام الصورة */ .hibr-soon-section > *{ position:relative; z-index:2; } /* العنوان */ .hibr-soon-section h2{ text-shadow: 0 8px 35px rgba(0,0,0,.75); } /* النص الصغير */ .hibr-soon-section p{ text-shadow: 0 3px 18px rgba(0,0,0,.85); } /* موبايل */ @media (max-width:768px){ .hibr-soon-section{ background-position:center center !important; } } /* ===================================================== HIBR — SOON SECTION FINAL BACKGROUND ===================================================== */ .hibr-soon-section{ position:relative !important; overflow:hidden !important; background-image: linear-gradient( rgba(0,0,0,.28), rgba(0,0,0,.48) ), url("https://7ibr.shop/wp-content/themes/hibr/assets/images/soon-tape-bg.png") !important; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; } /* خلي البوكس الداخلي شفاف عشان الخلفية تظهر */ .hibr-soon-section .cta-box{ background: rgba(8,8,7,.58) !important; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); border: 1px solid rgba(216,177,91,.18) !important; } /* شيل أي طبقة قديمة بتغطي الصورة */ .hibr-soon-section::before{ background: radial-gradient( circle at center, transparent 15%, rgba(0,0,0,.38) 100% ) !important; } /* Mobile */ @media (max-width:768px){ .hibr-soon-section{ background-position:center center !important; } .hibr-soon-section .cta-box{ background: rgba(8,8,7,.64) !important; } } /* Final cascade lock: retain the HIBR world through every catalogue section. */ body.post-type-archive-product,body.tax-product_cat,body.tax-product_tag{ background-color:#050505!important; background-image:linear-gradient(180deg,rgba(2,2,2,.56),rgba(2,2,2,.78)),url('assets/hibr-shop-world-desktop.jpg')!important; background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important; } body.post-type-archive-product :is(#main-content,main,.site-main,.hibr-content,.hibr-section), body.tax-product_cat :is(#main-content,main,.site-main,.hibr-content,.hibr-section), body.tax-product_tag :is(#main-content,main,.site-main,.hibr-content,.hibr-section){background:transparent!important} @media(max-width:760px){ body.post-type-archive-product,body.tax-product_cat,body.tax-product_tag{ background-image:linear-gradient(180deg,rgba(2,2,2,.6),rgba(2,2,2,.82)),url('assets/hibr-shop-world-mobile.jpg')!important; } } /* ===================================================== HIBR WORLD V3 — ONE VISUAL WORLD ACROSS THE WHOLE SITE The homepage hero artwork is intentionally untouched. ===================================================== */ html{background:#030303!important} body{ background-color:#030303!important; background-image: linear-gradient(180deg,rgba(2,2,2,.56),rgba(2,2,2,.78)), url('assets/hibr-shop-world-desktop.jpg')!important; background-position:center top!important; background-size:cover!important; background-repeat:no-repeat!important; background-attachment:fixed!important; } /* Let the shared art continue through every section and page. */ body:not(.home) :is(#main-content,main,.site-main), body:not(.home) :is(#main-content,main,.site-main) > :is(section,div,article), body:not(.home) :is( .hibr-collections-v2, .hibr-collections-hero, .hibr-size-v2-hero,.hibr-size-v2-showcase,.hibr-size-v2-measure, .hibr-info-hero,.hibr-track-main,.hibr-contact-main, .hibr-about-story,.hibr-about-values,.hibr-about-process,.hibr-about-cta, .hibr-designer-soon,.hibr-designer-soon-card, .hibr-page-hero,.hibr-content, .hibr-store-v2,.hibr-store-v2-benefits,.hibr-store-v2-catalog,.hibr-store-v2-custom ){ background-color:transparent!important; background-image:none!important; } .hibr-topline{ background:rgba(3,3,3,.72)!important; border-bottom:1px solid rgba(216,180,99,.1)!important; } .hibr-footer{ background:linear-gradient(180deg,rgba(4,4,4,.76),rgba(2,2,2,.9))!important; border-top:1px solid rgba(216,180,99,.16)!important; -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); } /* Homepage: all sections join the world, but its main hero stays exactly as designed. */ body.home{ background-image: linear-gradient(180deg,rgba(2,2,2,.58),rgba(2,2,2,.82)), url('assets/hibr-shop-world-desktop.jpg')!important; } body.home #main-content > section:not(.hibr-canvas-hero):not(.hibr-hero):not(.hibr-hero-legacy), body.home :is(.hibr-feature-strip,.drop,.hibr-worlds,.hibr-complete-look,.hibr-soon-section){ background-color:transparent!important; background-image:none!important; } /* Transparent premium navigation over the shared identity. */ .hibr-site-header,.site-header{ background:linear-gradient(180deg,rgba(3,3,3,.88),rgba(3,3,3,.68))!important; border-bottom:1px solid rgba(216,180,99,.14)!important; -webkit-backdrop-filter:blur(16px) saturate(120%); backdrop-filter:blur(16px) saturate(120%); } /* Store hero — a real campaign banner instead of an empty black block. */ body.post-type-archive-product .hibr-store-v2-hero, body.tax-product_cat .hibr-store-v2-hero, body.tax-product_tag .hibr-store-v2-hero{ min-height:clamp(430px,58vw,690px)!important; display:grid!important; align-items:center!important; position:relative!important; isolation:isolate!important; overflow:hidden!important; background-image: linear-gradient(90deg,rgba(2,2,2,.9) 0%,rgba(2,2,2,.54) 48%,rgba(2,2,2,.74) 100%), linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.68)), url('assets/hibr-shop-world-desktop.jpg')!important; background-size:cover!important; background-position:center!important; border-bottom:1px solid rgba(216,180,99,.22)!important; } body.post-type-archive-product .hibr-store-v2-hero::before, body.tax-product_cat .hibr-store-v2-hero::before, body.tax-product_tag .hibr-store-v2-hero::before{ content:""; position:absolute; inset:clamp(18px,3vw,44px); z-index:-1; border:1px solid rgba(216,180,99,.2); border-radius:28px; pointer-events:none; } body.post-type-archive-product .hibr-store-v2-hero::after, body.tax-product_cat .hibr-store-v2-hero::after, body.tax-product_tag .hibr-store-v2-hero::after{ content:"HIBR / CAIRO"; position:absolute; left:clamp(28px,5vw,76px); bottom:clamp(24px,4vw,52px); color:rgba(216,180,99,.72); font:600 10px/1.2 system-ui,sans-serif; letter-spacing:.42em; direction:ltr; } body.post-type-archive-product .hibr-store-v2-hero h1, body.tax-product_cat .hibr-store-v2-hero h1, body.tax-product_tag .hibr-store-v2-hero h1{ max-width:780px; font-size:clamp(46px,6.3vw,96px)!important; line-height:.98!important; text-shadow:0 12px 44px rgba(0,0,0,.72); } body.post-type-archive-product .hibr-store-v2-benefits, body.tax-product_cat .hibr-store-v2-benefits, body.tax-product_tag .hibr-store-v2-benefits{ background:rgba(4,4,4,.68)!important; border-block:1px solid rgba(216,180,99,.16)!important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); } /* Readability without hiding the global background. */ body:not(.home) :is(.hibr-content,.hibr-container,.woocommerce-notices-wrapper) > :is(.woocommerce,.entry-content){ position:relative; z-index:1; } @media(max-width:760px){ body,body.home{ background-image: linear-gradient(180deg,rgba(2,2,2,.62),rgba(2,2,2,.84)), url('assets/hibr-shop-world-mobile.jpg')!important; background-position:center top!important; background-attachment:scroll!important; } body.post-type-archive-product .hibr-store-v2-hero, body.tax-product_cat .hibr-store-v2-hero, body.tax-product_tag .hibr-store-v2-hero{ min-height:520px!important; background-image: linear-gradient(180deg,rgba(2,2,2,.34),rgba(2,2,2,.83)), url('assets/hibr-shop-world-mobile.jpg')!important; background-position:center!important; padding-inline:24px!important; } body.post-type-archive-product .hibr-store-v2-hero::before, body.tax-product_cat .hibr-store-v2-hero::before, body.tax-product_tag .hibr-store-v2-hero::before{ inset:14px; border-radius:22px; } body.post-type-archive-product .hibr-store-v2-hero::after, body.tax-product_cat .hibr-store-v2-hero::after, body.tax-product_tag .hibr-store-v2-hero::after{ left:28px; bottom:28px; font-size:8px; } body.post-type-archive-product .hibr-store-v2-hero h1, body.tax-product_cat .hibr-store-v2-hero h1, body.tax-product_tag .hibr-store-v2-hero h1{ font-size:clamp(43px,14vw,62px)!important; } } /* HIBR HEADER V5 — final cascade lock */ body:not(.home) #hibr-site-header.hibr-header-editorial{ position:sticky!important;top:0!important;z-index:1100!important; background:linear-gradient(110deg,rgba(14,13,11,.9),rgba(5,5,5,.82) 56%,rgba(15,13,9,.88))!important; border-bottom:1px solid rgba(216,180,99,.22)!important; box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035)!important; backdrop-filter:blur(22px) saturate(135%)!important;-webkit-backdrop-filter:blur(22px) saturate(135%)!important; } #hibr-site-header .hibr-header-inner{width:min(calc(100% - 48px),1480px)!important;min-height:82px!important;gap:clamp(24px,3vw,52px)!important} #hibr-site-header .hibr-editorial-brand{min-height:48px!important;padding:0 17px!important;gap:13px!important;border:1px solid rgba(216,180,99,.2)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(216,180,99,.1),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.2)!important} #hibr-site-header .hibr-editorial-brand .hibr-brand-mark{color:#f5f1e8!important;font-size:1.42rem!important} #hibr-site-header .hibr-editorial-brand>i{height:24px!important;background:linear-gradient(180deg,transparent,rgba(216,180,99,.8),transparent)!important} #hibr-site-header .hibr-editorial-brand .hibr-brand-en{color:#ddb960!important;font-size:1.28rem!important;letter-spacing:.025em!important} #hibr-site-header .hibr-editorial-nav{gap:clamp(8px,1vw,15px)!important} #hibr-site-header .hibr-editorial-nav>a{display:flex!important;align-items:center!important;min-height:42px!important;padding:0 clamp(10px,1vw,15px)!important;border:1px solid transparent!important;border-radius:999px!important;color:#c8c0b2!important;font-size:.75rem!important} #hibr-site-header .hibr-editorial-nav>a[aria-current="page"]{color:#19140c!important;border-color:#d6b66d!important;background:linear-gradient(135deg,#e3c77f,#b99349)!important;box-shadow:0 8px 24px rgba(185,147,73,.18)!important} #hibr-site-header .hibr-editorial-nav>a[aria-current="page"]:after{display:none!important} #hibr-site-header .hibr-editorial-actions{gap:9px!important;padding:5px!important;border:1px solid rgba(216,180,99,.16)!important;border-radius:18px!important;background:rgba(255,255,255,.022)!important} #hibr-site-header .hibr-editorial-actions>a:not(.hibr-account-link){width:42px!important;height:42px!important;flex-basis:42px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.01))!important;color:#dfd4bf!important} #hibr-site-header .hibr-editorial-actions .hibr-cart-count{inset:-7px -7px auto auto!important;min-width:20px!important;height:20px!important;border:2px solid #080807!important;background:linear-gradient(135deg,#f0d58e,#c59d4d)!important;box-shadow:0 5px 13px rgba(0,0,0,.38)!important} @media(max-width:780px){ #hibr-site-header.hibr-header-editorial{min-height:76px!important;background:linear-gradient(115deg,rgba(13,12,10,.95),rgba(4,4,4,.88) 58%,rgba(14,12,8,.94))!important;border-bottom:1px solid rgba(216,180,99,.22)!important;box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)!important} .home #hibr-site-header.hibr-header-editorial{background:linear-gradient(180deg,rgba(7,7,6,.86),rgba(7,7,6,.34))!important} #hibr-site-header .hibr-header-inner{position:relative!important;width:100%!important;min-height:76px!important;padding:0 14px!important;display:flex!important;justify-content:space-between!important;gap:10px!important} #hibr-site-header .hibr-editorial-brand{position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;z-index:3!important;min-height:43px!important;margin:0!important;padding:0 13px!important;gap:8px!important} #hibr-site-header .hibr-editorial-brand .hibr-brand-mark{font-size:1.04rem!important} #hibr-site-header .hibr-editorial-brand>i{height:19px!important} #hibr-site-header .hibr-editorial-brand .hibr-brand-en{font-size:1rem!important} #hibr-site-header .hibr-menu-toggle,#hibr-site-header .hibr-editorial-actions .hibr-cart{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;flex:0 0 46px!important;margin:0!important;border:1px solid rgba(216,180,99,.28)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(216,180,99,.08),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.24)!important} #hibr-site-header .hibr-menu-toggle{position:absolute!important;left:14px!important;right:auto!important;top:15px!important;order:0!important;box-sizing:border-box!important} #hibr-site-header .hibr-menu-toggle-lines{display:grid!important;gap:6px!important;width:19px!important} #hibr-site-header .hibr-menu-toggle-lines i{display:block!important;width:19px!important;height:1.5px!important;margin:0!important;border:0!important;border-radius:999px!important;background:#e9dfcb!important} #hibr-site-header .hibr-menu-toggle-lines i:last-child{width:13px!important;margin-inline-start:auto!important;background:#d8b45e!important} #hibr-site-header .hibr-editorial-actions{position:absolute!important;right:14px!important;left:auto!important;top:15px!important;margin:0!important;padding:0!important;border:0!important;background:none!important} #hibr-site-header .hibr-editorial-actions .hibr-cart{box-sizing:border-box!important} #hibr-site-header .hibr-editorial-actions .hibr-cart-count{inset:-5px -5px auto auto!important;min-width:19px!important;height:19px!important;font-size:8px!important} #hibr-site-header .hibr-editorial-nav{inset:76px 0 auto!important;height:calc(100svh - 76px)!important;max-height:calc(100svh - 76px)!important;padding:18px 16px 34px!important;background:linear-gradient(180deg,rgba(8,8,7,.97),rgba(4,4,4,.98)),url('assets/hibr-shop-world-mobile.jpg') center/cover!important} #hibr-site-header .hibr-editorial-nav>a{min-height:58px!important;padding:0 18px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;border-radius:0!important;background:none!important;color:#ddd4c2!important;font-size:1rem!important;transform:none!important} #hibr-site-header .hibr-editorial-nav>a[aria-current="page"]{color:#e5c46f!important;box-shadow:inset -3px 0 #d8b45e!important} } /* HIBR cart icon — CSS fallback that never depends on late JavaScript. */ #hibr-site-header .hibr-cart{position:relative!important;overflow:visible!important} #hibr-site-header .hibr-cart .hibr-cart-bag{display:none!important} #hibr-site-header .hibr-cart::before{ content:""!important; display:block!important; position:absolute!important; left:50%!important; top:50%!important; width:15px!important; height:14px!important; margin:0!important; border:1.6px solid #e2c36f!important; border-radius:2px 2px 4px 4px!important; background:transparent!important; box-shadow:inset 0 0 0 1px rgba(226,195,111,.05),0 0 14px rgba(216,180,99,.1)!important; transform:translate(-50%,-28%)!important; opacity:1!important; visibility:visible!important; pointer-events:none!important; } #hibr-site-header .hibr-cart::after{ content:""!important; display:block!important; position:absolute!important; left:50%!important; top:50%!important; width:8px!important; height:6px!important; margin:0!important; border:1.6px solid #e2c36f!important; border-bottom:0!important; border-radius:8px 8px 0 0!important; background:transparent!important; transform:translate(-50%,-145%)!important; opacity:1!important; visibility:visible!important; pointer-events:none!important; } #hibr-site-header .hibr-cart-count, #hibr-site-header .hibr-cart>span{z-index:3!important} /* Mobile checkout: an open page, summary first, payment after delivery fields. */ @media(max-width:780px){ body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-page-hero{padding:24px 0 12px!important;min-height:0!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-page-hero h1{font-size:30px!important;line-height:1.3!important;margin:0!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-page-hero p{display:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-content{padding:12px 0 40px!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-content>.hibr-container{width:calc(100% - 32px)!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-purchase-intro{display:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-form-coupon-toggle{padding:0!important;border:0!important;background:none!important;margin:0 0 18px!important} body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;width:100%!important} body.woocommerce-checkout:not(.woocommerce-order-received) #order_review{display:contents!important} body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading{order:-3!important;margin:0 0 12px!important;padding:0!important;font-size:22px!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table{order:-2!important;width:100%!important;table-layout:fixed!important;margin:0 0 28px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table :is(th,td){padding:13px 0!important;background:none!important;border:0!important;border-bottom:1px solid rgba(216,180,99,.2)!important;font-size:14px!important;line-height:1.7!important;text-align:start!important;overflow-wrap:anywhere!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table :is(th,td):first-child{width:62%!important;padding-inline-end:14px!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .amount{white-space:nowrap!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table .order-total :is(th,td){font-size:18px!important;border-bottom:2px solid rgba(216,180,99,.4)!important} body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details{order:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important} body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details :is(.col-1,.col-2,.woocommerce-billing-fields,.woocommerce-shipping-fields,.woocommerce-additional-fields){width:100%!important;float:none!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) form.checkout h3{line-height:1.5!important;font-size:21px!important;margin:0 0 18px!important} body.woocommerce-checkout:not(.woocommerce-order-received) .form-row{padding:0!important;margin:0 0 20px!important;border:0!important;background:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) .form-row label{background:none!important;border:0!important;padding:0!important;margin:0 0 8px!important;font-size:14px!important;line-height:1.6!important} body.woocommerce-checkout:not(.woocommerce-order-received) .form-row :is(input.input-text,textarea,select),body.woocommerce-checkout:not(.woocommerce-order-received) .select2-selection{font-size:16px!important;border-radius:8px!important;min-height:50px!important;background:rgba(8,8,7,.7)!important;border-color:rgba(216,180,99,.26)!important} body.woocommerce-checkout:not(.woocommerce-order-received) .select2-selection__rendered{line-height:48px!important;padding-inline:0 24px!important} body.woocommerce-checkout:not(.woocommerce-order-received) .select2-selection__arrow{height:48px!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-checkout-confidence{order:1!important;padding:18px 0!important;margin:8px 0!important;border:0!important;border-top:1px solid rgba(216,180,99,.2)!important;background:none!important;box-shadow:none!important;font-size:14px!important;line-height:1.8!important} body.woocommerce-checkout:not(.woocommerce-order-received) #payment{order:2!important;width:100%!important;padding:20px 0 0!important;margin:8px 0 0!important;background:none!important;border-radius:0!important;box-shadow:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) #payment :is(li,.payment_box,.place-order){padding:10px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) #payment :is(p,label){font-size:14px!important;line-height:1.8!important} body.woocommerce-checkout:not(.woocommerce-order-received) #place_order{min-height:56px!important;padding:14px 18px!important;white-space:normal!important;font-size:15px!important;line-height:1.6!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-contact-dock{display:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-content>.hibr-container{padding:0!important} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-content :is(.e-con,.e-con-inner,.elementor-widget-container){padding:0!important;gap:0!important;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px} body.woocommerce-checkout:not(.woocommerce-order-received) .hibr-content :is(.woocommerce,.elementor-shortcode,.elementor-widget-shortcode,.e-con,.e-con-inner){width:100%!important;max-width:100%!important;min-width:0!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-info{padding:8px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:13px!important;line-height:1.7!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-info::before{display:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) #order_review_heading{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important} body.woocommerce-checkout:not(.woocommerce-order-received) .woocommerce-checkout-review-order-table thead{background:none!important} body.woocommerce-checkout:not(.woocommerce-order-received) #shipping_method{list-style:none!important;padding:0!important;margin:0!important} body.woocommerce-checkout:not(.woocommerce-order-received) #shipping_method li{margin:0!important;padding:0!important} } /* Keep the left account entry; remove its duplicate beside search. */ #hibr-site-header .hibr-editorial-actions > a.hibr-header-account{display:none!important} /* ========================================================= PRODUCT SALE + LONG TITLE SAFETY — ALL CURRENT/FUTURE ITEMS ========================================================= */ .single-product .woocommerce-product-gallery{ opacity:1!important; visibility:visible!important; } .single-product div.product>.hibr-sale-badge{ position:absolute!important; z-index:12!important; top:22px!important; right:22px!important; left:auto!important; display:grid!important; place-content:center!important; gap:2px!important; width:72px!important; height:72px!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; border:1px solid rgba(226,193,116,.72)!important; border-radius:50%!important; background:rgba(9,9,8,.9)!important; color:#f3d88e!important; box-shadow:0 14px 34px rgba(0,0,0,.5),inset 0 0 0 4px rgba(200,169,104,.06)!important; text-align:center!important; line-height:1!important; backdrop-filter:blur(10px); } .single-product div.product>.hibr-sale-badge small{ color:#aaa295; font-size:.52rem; font-weight:700; letter-spacing:.08em; } .single-product div.product>.hibr-sale-badge strong{ color:#e0bf70; font-size:1rem; font-weight:900; } .single-product .product_title{ max-width:100%!important; font-size:clamp(2.25rem,3.75vw,3.9rem)!important; line-height:1.05!important; letter-spacing:-.045em!important; overflow-wrap:normal!important; word-break:keep-all!important; text-wrap:balance; } .single-product .summary .price{ display:flex!important; flex-wrap:wrap!important; align-items:baseline!important; gap:9px 13px!important; direction:rtl; } .single-product .summary .price ins{ order:-1; color:#e0bf70!important; font-size:1.15em!important; font-weight:900!important; text-decoration:none!important; } .single-product .summary .price del{ color:#77736b!important; font-size:.72em!important; font-weight:600!important; opacity:1!important; text-decoration-thickness:1px; } .single-product .summary .price:after{ flex-basis:100%; } @media(max-width:780px){ .single-product div.product>.hibr-sale-badge{ top:64px!important; right:12px!important; width:60px!important; height:60px!important; } .single-product div.product>.hibr-sale-badge strong{font-size:.86rem} .single-product .product_title{ font-size:clamp(1.85rem,9.2vw,2.65rem)!important; line-height:1.08!important; letter-spacing:-.035em!important; } .single-product .summary .price{gap:7px 10px!important;font-size:1.12rem!important} } /* Final spacing guard for mixed Arabic/English product names. */ @media(min-width:781px){ .single-product .summary{padding-top:64px!important} } @media(max-width:780px){ .single-product .summary{padding-top:4px!important} } /* Product layout conflict guard — loaded last on purpose. */ @media(min-width:781px){ .single-product .main-content{padding-top:105px!important} .single-product .summary{padding-top:46px!important} .single-product form.cart{ display:grid!important; grid-template-columns:minmax(0,1fr) 138px!important; align-items:center!important; gap:14px!important; direction:ltr!important; } .single-product form.cart>.hibr-product-options{ grid-column:1/-1!important; direction:rtl!important; } .single-product form.cart>.single_add_to_cart_button{ grid-column:1!important; grid-row:2!important; width:100%!important; min-width:0!important; min-height:58px!important; height:58px!important; margin:0!important; padding:0 22px!important; border-radius:15px!important; direction:rtl!important; } .single-product form.cart>.hibr-quantity-premium{ display:grid!important; grid-column:2!important; grid-row:2!important; grid-template-columns:42px 52px 42px!important; grid-template-rows:58px!important; width:138px!important; height:58px!important; margin:0!important; direction:ltr!important; } .single-product form.cart>.hibr-quantity-premium>.hibr-qty-minus{grid-column:1!important;grid-row:1!important} .single-product form.cart>.hibr-quantity-premium>input.qty{ grid-column:2!important; grid-row:1!important; width:52px!important; height:58px!important; min-height:58px!important; padding:0!important; margin:0!important; } .single-product form.cart>.hibr-quantity-premium>.hibr-qty-plus{grid-column:3!important;grid-row:1!important} .single-product form.cart>.hibr-quantity-premium>.hibr-qty-control{width:42px!important;height:58px!important;margin:0!important} .single-product form.cart>.hibr-purchase-note{ grid-column:1/-1!important; grid-row:3!important; direction:rtl!important; } } @media(max-width:780px){ .single-product .main-content{padding-top:26px!important} .single-product form.cart{display:block!important;direction:rtl!important} } /* Live WooCommerce stock meter. */ .single-product .hibr-stock-meter{ --meter-color:#70cf94; width:min(100%,430px); margin:4px 0 22px; padding:14px 16px; border:1px solid rgba(255,255,255,.09); border-radius:15px; background:rgba(8,8,7,.72); } .single-product .hibr-stock-meter-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px} .single-product .hibr-stock-meter-head strong{color:#eee9df;font-size:.76rem;font-weight:800} .single-product .hibr-stock-meter-head span{color:var(--meter-color);font-size:.62rem;font-weight:700} .single-product .hibr-stock-meter-track{position:relative;height:7px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.6)} .single-product .hibr-stock-meter-track i{position:absolute;inset:0 auto 0 0;width:var(--hibr-stock);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--meter-color),#fff 8%),var(--meter-color));box-shadow:0 0 16px color-mix(in srgb,var(--meter-color),transparent 48%);transition:width .45s cubic-bezier(.2,.8,.2,1)} .single-product .hibr-stock-meter.is-low{--meter-color:#d6ae55}.single-product .hibr-stock-meter.is-critical{--meter-color:#dc7d55}.single-product .hibr-stock-meter.is-empty{--meter-color:#b95855} @media(max-width:780px){ .single-product .hibr-stock-meter{width:100%;margin:2px 0 17px;padding:12px 13px;border-radius:13px} .single-product .hibr-stock-meter-head strong{font-size:.72rem}.single-product .hibr-stock-meter-head span{font-size:.58rem} } /* Direct checkout button: same product fields, without the cart detour. */ .single-product form.cart>.hibr-buy-now-button{ display:flex!important; align-items:center; justify-content:center; flex-direction:column; gap:3px; min-height:58px!important; padding:8px 20px!important; border:1px solid #d7b65e!important; border-radius:15px!important; background:linear-gradient(135deg,#e4c477,#b58c37)!important; color:#090806!important; box-shadow:0 12px 30px rgba(200,169,104,.18); font-family:inherit!important; font-weight:900!important; cursor:pointer; } .single-product form.cart>.hibr-buy-now-button small{font-size:.55rem;font-weight:600;opacity:.7} .single-product form.cart>.hibr-buy-now-button:hover{filter:brightness(1.07);transform:translateY(-1px)} @media(min-width:781px){ .single-product form.cart>.single_add_to_cart_button{grid-column:1!important;grid-row:2!important;background:#11100d!important;color:#e4c477!important;border:1px solid rgba(214,176,90,.55)!important;box-shadow:none!important} .single-product form.cart>.hibr-buy-now-button{grid-column:1/-1!important;grid-row:3!important;width:100%!important} .single-product form.cart>.hibr-purchase-note{grid-row:4!important} } @media(max-width:780px){ .single-product form.cart>.hibr-buy-now-button{width:100%;margin-top:10px} } /* ========================================================= HIBR DESIGN LAB — production editor controls ========================================================= */ .hibr-studio-2030 .hibr-studio-intro{background:radial-gradient(56% 110% at 8% 8%,rgba(216,185,111,.18),transparent 63%),radial-gradient(48% 90% at 92% 88%,rgba(90,66,32,.22),transparent 68%),#070707!important} .hibr-studio-2030 .hibr-studio-intro-grid>div:last-child{border-inline-start:1px solid rgba(216,185,111,.24);padding-inline-start:clamp(24px,4vw,56px)} .hibr-studio-2030 .hibr-preview-console{overflow:hidden;border-color:rgba(216,185,111,.3)!important;box-shadow:0 28px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06)} .hibr-studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(216,185,111,.09),rgba(255,255,255,.015) 58%,rgba(216,185,111,.05));color:rgba(255,255,255,.58);font:700 .58rem Arial;letter-spacing:.14em} .hibr-studio-toolbar-actions{display:flex;align-items:center;gap:6px;direction:ltr} .hibr-studio-toolbar button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.15)!important;border-radius:9px!important;background:rgba(8,8,8,.76)!important;color:#f4f0e7!important;font:700 .95rem/1 Arial!important;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease} .hibr-studio-toolbar button:hover,.hibr-studio-toolbar button:focus-visible{border-color:#d8b96f!important;background:#191710!important;color:#e5c36f!important;transform:translateY(-1px)} .hibr-studio-toolbar .hibr-toolbar-reset{min-width:auto;padding-inline:11px;font-size:.62rem!important;direction:rtl} .hibr-print-safe-area{position:absolute;z-index:4;inset:23% 27% 18%;border:1px dashed rgba(216,185,111,.54);border-radius:8px;pointer-events:none;opacity:.62;transition:.2s ease} .hibr-print-safe-area::before,.hibr-print-safe-area::after{content:"";position:absolute;width:7px;height:7px;border-color:#e5c36f;border-style:solid}.hibr-print-safe-area::before{top:-2px;right:-2px;border-width:2px 2px 0 0}.hibr-print-safe-area::after{bottom:-2px;left:-2px;border-width:0 0 2px 2px}.hibr-print-safe-area span{position:absolute;top:-18px;right:0;color:rgba(216,185,111,.85);font:700 .45rem Arial;letter-spacing:.12em;white-space:nowrap} .hibr-studio-2030 #hibr-design-layer{z-index:10!important;outline:0} .hibr-studio-2030 #hibr-design-layer:focus-visible{filter:drop-shadow(0 0 0 2px #e5c36f)} .hibr-studio-2030 #hibr-design-text{color:var(--design-ink,#f5f1e9)!important;font-family:var(--design-font,inherit)!important;text-shadow:0 3px 15px rgba(0,0,0,.62)!important} .hibr-text-controls{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:12px}.hibr-text-colors{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hibr-text-colors small,.hibr-text-font small,.hibr-placement-controls>small{display:block;width:100%;margin-bottom:4px;color:var(--muted);font-size:.62rem}.hibr-text-colors small{width:auto;margin:0 4px 0 0}.hibr-text-colors button{width:22px;height:22px;padding:0;border:2px solid #12120f!important;border-radius:50%!important;background:var(--text-colour,#f5f1e9)!important;box-shadow:0 0 0 1px rgba(255,255,255,.22)!important}.hibr-text-colors button:nth-of-type(1){--text-colour:#f5f1e9}.hibr-text-colors button:nth-of-type(2){--text-colour:#d8b96f}.hibr-text-colors button:nth-of-type(3){--text-colour:#6ee7b7}.hibr-text-colors button:nth-of-type(4){--text-colour:#ff8a8a}.hibr-text-colors button.is-active{box-shadow:0 0 0 2px #d8b96f!important;transform:scale(1.1)}.hibr-text-font select{height:31px;max-width:115px;padding:0 7px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#0b0b0a;color:#f2eee4;font-size:.67rem} .hibr-placement-controls{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}.hibr-placement-controls>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hibr-placement-controls button{min-height:34px;padding:0 5px;border:1px solid rgba(255,255,255,.13)!important;border-radius:8px!important;background:#0d0d0c!important;color:#c6c0b4!important;font-size:.64rem!important;cursor:pointer}.hibr-placement-controls button.is-active{border-color:#d8b96f!important;background:rgba(216,185,111,.14)!important;color:#e7c977!important} .hibr-studio-2030 .hibr-preview-hint{z-index:14;justify-content:flex-end;pointer-events:none}.hibr-studio-2030 .hibr-preview-hint span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:99px;background:rgba(7,7,7,.72);backdrop-filter:blur(8px)} @media(max-width:800px){.hibr-studio-2030 .hibr-studio-intro-grid>div:last-child{border-inline-start:0;border-top:1px solid rgba(216,185,111,.18);padding:22px 0 0}.hibr-studio-toolbar{min-height:54px;padding-inline:11px}.hibr-studio-toolbar>span{display:none}.hibr-studio-toolbar-actions{width:100%;justify-content:space-between}.hibr-studio-toolbar button{flex:1;min-width:0}.hibr-studio-toolbar .hibr-toolbar-reset{flex:1.65}.hibr-print-safe-area{inset:24% 26% 19%}.hibr-text-controls{grid-template-columns:1fr}.hibr-text-font{display:flex;align-items:center;justify-content:space-between}.hibr-text-font small{width:auto;margin:0}.hibr-text-font select{width:55%;max-width:none}.hibr-text-colors small{width:100%;margin:0 0 2px}} @media(max-width:420px){.hibr-studio-toolbar{gap:6px;padding:7px}.hibr-studio-toolbar-actions{gap:4px}.hibr-studio-toolbar button{height:32px;padding-inline:5px}.hibr-studio-toolbar .hibr-toolbar-reset{font-size:.56rem!important}.hibr-print-safe-area{inset:26% 25% 20%}.hibr-print-safe-area span{font-size:.4rem}.hibr-studio-2030 .hibr-preview-hint span{font-size:.49rem}} /* ========================================================= HIBR HOODIE DESIGN LAB — front/back drawing studio ========================================================= */ .hibr-studio-2030 .hibr-studio-intro{padding-top:clamp(62px,7vw,92px)} .hibr-studio-2030 .hibr-studio-intro-grid{grid-template-columns:1fr .48fr;padding-bottom:clamp(38px,5vw,58px)} .hibr-studio-2030 .hibr-studio-intro h1{font-size:clamp(3.5rem,6.8vw,7rem)} .hibr-studio-2030 .hibr-live-layout{grid-template-columns:minmax(360px,410px) minmax(0,1fr);gap:22px} .hibr-studio-2030 .hibr-studio-panel{overflow:hidden;border-color:rgba(216,185,111,.28);border-radius:22px;background:linear-gradient(160deg,rgba(25,23,18,.96),rgba(7,7,7,.98) 58%);box-shadow:0 26px 70px rgba(0,0,0,.35)} .hibr-studio-2030 .hibr-preview-console{border-radius:22px;background:#090908} .hibr-studio-2030 .hibr-studio-panel-head,.hibr-studio-2030 .hibr-preview-topbar{min-height:64px;background:linear-gradient(90deg,rgba(216,185,111,.08),transparent)} .hibr-studio-2030 .hibr-studio-tool{padding:20px} .hibr-studio-2030 .hibr-hoodie-only{grid-template-columns:1fr} .hibr-studio-2030 .hibr-hoodie-only button{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;justify-items:start;gap:1px 13px;min-height:72px;padding:12px 15px;border-radius:14px;text-align:right} .hibr-studio-2030 .hibr-hoodie-only button i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(216,185,111,.45);border-radius:50%;color:#e1c578} .hibr-studio-2030 .hibr-hoodie-only button span{font-size:.82rem;font-weight:800}.hibr-studio-2030 .hibr-hoodie-only button small{color:#89847a;font-size:.58rem} .hibr-draw-box{margin-top:14px;padding:14px;border:1px solid rgba(216,185,111,.24);border-radius:16px;background:linear-gradient(145deg,rgba(216,185,111,.07),rgba(255,255,255,.015))} .hibr-draw-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hibr-draw-head strong{font-size:.78rem}.hibr-draw-head small{color:#8e897f;font-size:.56rem} .hibr-draw-tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.hibr-draw-tools button{min-height:34px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#0a0a09;color:#aaa59b;font:700 .58rem inherit;cursor:pointer}.hibr-draw-tools button.is-active{border-color:#d8b96f;background:rgba(216,185,111,.16);color:#e7ca7c} .hibr-draw-settings{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-top:10px}.hibr-draw-settings label{display:grid;gap:6px;color:#8e897f;font-size:.58rem}.hibr-draw-settings input[type=color]{width:100%;height:31px;padding:3px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#090909}.hibr-draw-settings input[type=range]{width:100%;accent-color:#d8b96f} .hibr-studio-2030 .hibr-upload-actions{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:7px;margin-top:11px}.hibr-studio-2030 .hibr-upload-actions button{min-height:38px;border-radius:9px!important;font-size:.61rem!important} .hibr-side-switch{display:flex!important;gap:4px!important;padding:4px;border:1px solid rgba(216,185,111,.3);border-radius:999px;background:#070706}.hibr-side-switch button{min-width:66px;height:31px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#8e897f;font:700 .63rem inherit;cursor:pointer}.hibr-side-switch button.is-active{background:linear-gradient(135deg,#e0c277,#ae873b);color:#090806} .hibr-studio-2030 .hibr-preview-stage{min-height:clamp(570px,58vw,760px);background:radial-gradient(circle at 50% 43%,rgba(216,185,111,.14),transparent 28%),radial-gradient(circle at 50% 48%,#22201a,#070707 68%)} .hibr-studio-2030 .hibr-garment-object{width:min(84%,660px);filter:drop-shadow(0 38px 45px rgba(0,0,0,.62))} .hibr-garment-canvas{display:block;width:100%;height:auto}.hibr-garment-base{display:none!important} .hibr-studio-2030 #hibr-design-layer{top:44%;width:31%;min-width:145px;aspect-ratio:1;touch-action:none;cursor:grab} .hibr-studio-2030 #hibr-design-layer[data-tool="brush"],.hibr-studio-2030 #hibr-design-layer[data-tool="eraser"]{cursor:crosshair} .hibr-studio-2030 #hibr-design-canvas{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;object-fit:contain;pointer-events:auto;touch-action:none} .hibr-studio-2030 #hibr-design-layer[data-tool="move"] #hibr-design-canvas{pointer-events:none} .hibr-studio-2030 #hibr-design-preview{display:none!important} .hibr-studio-2030 #hibr-design-text{position:relative;z-index:3;display:none;width:180%;pointer-events:none;font-size:clamp(1rem,2.6vw,2rem)} .hibr-studio-2030 .hibr-print-safe-area{inset:23% 31% 17%;border-color:rgba(216,185,111,.33)} .hibr-studio-2030 .hibr-preview-footer{background:linear-gradient(90deg,rgba(216,185,111,.055),transparent)} .hibr-studio-2030 .hibr-text-font select{max-width:170px} @media(max-width:1050px){.hibr-studio-2030 .hibr-live-layout{grid-template-columns:350px minmax(0,1fr)}.hibr-studio-2030 #hibr-design-layer{width:34%}} @media(max-width:800px){ .hibr-studio-2030 .hibr-studio-intro-grid{grid-template-columns:1fr}.hibr-studio-2030 .hibr-live-layout{display:flex}.hibr-studio-2030 .hibr-preview-console{order:-1} .hibr-studio-2030 .hibr-preview-stage{min-height:min(118vw,590px)}.hibr-studio-2030 .hibr-garment-object{width:94%}.hibr-studio-2030 #hibr-design-layer{top:44%;width:37%;min-width:112px} .hibr-studio-2030 .hibr-print-safe-area{inset:24% 29% 18%}.hibr-side-switch button{min-width:58px;padding-inline:10px} } @media(max-width:480px){ .hibr-studio-2030 .hibr-studio-intro{padding-top:58px}.hibr-studio-2030 .hibr-studio-intro h1{font-size:3.45rem}.hibr-studio-2030 .hibr-live-studio{padding-top:18px} .hibr-studio-2030 .hibr-preview-console,.hibr-studio-2030 .hibr-studio-panel{border-radius:16px}.hibr-studio-2030 .hibr-preview-topbar{min-height:56px;padding-inline:9px}.hibr-studio-2030 .hibr-preview-topbar>div:first-child span{display:none} .hibr-studio-2030 .hibr-preview-stage{min-height:108vw}.hibr-studio-2030 #hibr-design-layer{width:36%;min-width:100px}.hibr-studio-2030 .hibr-print-safe-area{inset:25% 28% 18%} .hibr-draw-tools{grid-template-columns:repeat(3,1fr)}.hibr-draw-tools button:nth-last-child(-n+2){grid-column:auto}.hibr-draw-settings{grid-template-columns:1fr 1.35fr} .hibr-studio-2030 .hibr-upload-actions{grid-template-columns:1fr!important}.hibr-studio-2030 .hibr-preview-footer>div{padding:11px 6px} } html[lang^="en"] .woocommerce-account:not(.logged-in) #customer_login h2:after{content:'Return to your orders and designs from one place.'}html[lang^="en"] .woocommerce-account:not(.logged-in) #customer_login .u-column2 h2:after{content:'Create your account in under a minute.'}html[lang^="en"] .hibr-cart-drawer{direction:ltr}.hibr-cart-drawer-en .hibr-drawer-content .woocommerce-mini-cart__empty-message:before{content:'HIBR'} /* Homepage designer CTA — clickable hand-off to the Design Lab. */ .hibr-soon-section .hibr-soon-badge{ display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:18px;padding:0 28px; border:1px solid rgba(216,177,91,.7);border-radius:999px;background:linear-gradient(135deg,rgba(216,177,91,.18),rgba(216,177,91,.05)); color:#f2d98f!important;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-decoration:none!important; box-shadow:0 12px 32px rgba(0,0,0,.28);transition:transform .22s ease,background .22s ease,box-shadow .22s ease; } .hibr-soon-section .hibr-soon-badge::after{content:'\2197';margin-inline-start:10px;font-size:.9rem} .hibr-soon-section .hibr-soon-badge:hover,.hibr-soon-section .hibr-soon-badge:focus-visible{ transform:translateY(-2px);background:linear-gradient(135deg,#dfc375,#b99243);color:#090806!important;box-shadow:0 16px 40px rgba(190,145,59,.22);outline:none; } @media(max-width:600px){.hibr-soon-section .hibr-soon-badge{min-height:44px;padding-inline:22px;font-size:.66rem}} /* First Drop mobile refinement + unified premium wishlist control. */ .hibr-wishlist-button{ width:40px!important;height:40px!important;border-radius:14px!important;border:1px solid rgba(216,177,91,.32)!important; background:linear-gradient(145deg,rgba(24,23,20,.92),rgba(9,9,8,.96))!important;color:#d8b75f!important; box-shadow:0 9px 22px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important;backdrop-filter:blur(10px); } .hibr-heart{display:grid;place-items:center;width:18px;height:18px;font-size:0!important} .hibr-heart svg{width:100%;height:100%;overflow:visible;fill:transparent;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:fill .2s ease,stroke .2s ease,transform .2s ease} .hibr-wishlist-button:hover{transform:translateY(-2px)!important;border-color:rgba(231,199,115,.8)!important;background:linear-gradient(145deg,rgba(43,38,27,.96),rgba(14,13,11,.98))!important} .hibr-wishlist-button:hover .hibr-heart svg{transform:scale(1.08)} .hibr-wishlist-button.is-active{background:linear-gradient(135deg,#e2c46e,#b78d3a)!important;color:#090806!important;border-color:#e2c46e!important;box-shadow:0 10px 28px rgba(195,151,58,.26)!important} .hibr-wishlist-button.is-active .hibr-heart svg{fill:currentColor;stroke:currentColor;transform:scale(.96)} .hibr-wishlist-button:focus-visible{outline:2px solid #f0d486!important;outline-offset:3px} @media(max-width:760px){ .drop{padding:48px 0 62px!important} .drop-head{margin-bottom:18px!important;padding-inline:18px!important} .drop-title{font-size:clamp(2.75rem,13vw,3.75rem)!important;line-height:.92!important} .drop-kicker{font-size:.58rem!important;letter-spacing:.2em!important} .drop-rail-toolbar{margin:0 18px 12px!important;padding:9px 11px;border:1px solid rgba(216,177,91,.14);border-radius:16px;background:rgba(12,12,10,.7);backdrop-filter:blur(9px)} .drop-swipe-hint{margin:0!important;font-size:.64rem!important} .drop-rail-buttons{gap:7px!important} .drop-rail-button{width:36px!important;height:36px!important;font-size:.95rem!important;background:rgba(20,19,16,.96)!important} .drop .product-grid{gap:13px!important;padding:3px 18px 16px!important;scroll-padding-inline:18px!important} .drop .product-grid .hibr-card{flex-basis:min(78vw,292px)!important;width:min(78vw,292px)!important;padding:7px!important;border-radius:22px!important;scroll-snap-align:center!important} .drop .hibr-card-media{aspect-ratio:1/1.12!important;border-radius:16px 16px 8px 8px!important} .drop .hibr-card-info{padding:14px 8px 8px!important} .drop .hibr-card h3{font-size:1rem!important;line-height:1.3!important} .drop .hibr-card-info>p:not(.hibr-card-type){display:none!important} .drop .hibr-card-meta{margin-top:9px!important;padding-top:10px!important} .drop-rail-progress{height:4px!important;margin-inline:18px!important;background:rgba(255,255,255,.08)!important} .woocommerce ul.products li.product .hibr-wishlist-button{right:auto!important;left:10px!important;bottom:10px!important} } /* Keep First Drop as a true horizontal rail at every viewport width. */ .drop .product-grid{ display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important; grid-template-columns:none!important; overflow-x:auto!important; overflow-y:hidden!important; max-width:100%!important; } .drop .product-grid>.hibr-card{flex:0 0 clamp(290px,28vw,370px)!important;width:clamp(290px,28vw,370px)!important;min-width:0!important} @media(max-width:760px){ .drop .product-grid{width:100%!important;padding-inline:18px!important;scroll-snap-type:x mandatory!important} .drop .product-grid>.hibr-card{flex-basis:min(78vw,330px)!important;width:min(78vw,330px)!important;scroll-snap-align:center!important} } /* Product information — compact editorial layout. */ @media(min-width:781px){ .single-product .woocommerce-tabs{ display:grid!important;grid-template-columns:minmax(0,1fr) minmax(205px,245px);gap:28px!important; width:min(100%,1060px)!important;margin:58px auto 0!important;padding:26px!important; border:1px solid rgba(216,177,91,.2)!important;border-radius:26px!important; background:linear-gradient(135deg,rgba(18,17,14,.93),rgba(8,8,7,.86))!important; box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important; } .single-product .woocommerce-tabs ul.tabs{ grid-column:2;grid-row:1;display:flex!important;flex-direction:column;align-self:start;gap:8px!important; margin:0!important;padding:8px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:19px!important;background:rgba(0,0,0,.2)!important; } .single-product .woocommerce-tabs ul.tabs::before,.single-product .woocommerce-tabs ul.tabs::after{display:none!important} .single-product .woocommerce-tabs ul.tabs li{width:100%!important} .single-product .woocommerce-tabs ul.tabs li a{ display:flex!important;align-items:center;min-height:45px;padding:0 15px!important;border:1px solid transparent!important; border-radius:13px!important;background:transparent!important;color:#969188!important;font-size:.72rem!important;font-weight:700!important; } .single-product .woocommerce-tabs ul.tabs li a::before{content:'+';margin-inline-end:10px;color:#766e5d;font-size:.85rem;font-weight:400} .single-product .woocommerce-tabs ul.tabs li.active a{ border-color:rgba(216,177,91,.42)!important;background:linear-gradient(135deg,rgba(216,177,91,.18),rgba(216,177,91,.06))!important;color:#f0d487!important; } .single-product .woocommerce-tabs ul.tabs li.active a::before{content:'—';color:#d8b55e} .single-product .woocommerce-Tabs-panel{ grid-column:1;grid-row:1;width:100%!important;max-width:none!important;min-height:210px;margin:0!important;padding:27px 30px!important; border:1px solid rgba(255,255,255,.07)!important;border-radius:19px!important;background:radial-gradient(circle at 0 100%,rgba(216,177,91,.07),transparent 38%),rgba(5,5,5,.38)!important; box-sizing:border-box;color:#c7c2b9!important;font-size:.88rem!important;line-height:2!important; } .single-product .woocommerce-Tabs-panel::before{content:'HIBR / PRODUCT NOTES';display:block;margin-bottom:18px;color:#b9964d;font:700 .56rem/1 Arial;letter-spacing:.22em} .single-product .woocommerce-Tabs-panel h2{margin:0 0 15px!important;color:#f4efe5!important;font-size:1.65rem!important;line-height:1.2!important} .single-product .woocommerce-Tabs-panel p:last-child{margin-bottom:0!important} } @media(max-width:780px){ .single-product .woocommerce-tabs{padding:16px!important;border-radius:20px!important;background:rgba(10,10,9,.82)!important} .single-product .woocommerce-tabs ul.tabs{display:flex!important;gap:7px!important;margin-bottom:14px!important;padding-bottom:5px!important;overflow-x:auto!important;scroll-snap-type:x proximity} .single-product .woocommerce-tabs ul.tabs li{flex:0 0 auto!important;scroll-snap-align:start} .single-product .woocommerce-tabs ul.tabs li a{min-height:40px;padding:0 13px!important;border-radius:12px!important;font-size:.68rem!important} .single-product .woocommerce-Tabs-panel{max-width:none!important;margin:0!important;padding:20px 17px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;background:rgba(5,5,5,.42)!important;line-height:1.9!important} .single-product .woocommerce-Tabs-panel::before{content:'HIBR / PRODUCT NOTES';display:block;margin-bottom:14px;color:#b9964d;font:700 .52rem/1 Arial;letter-spacing:.18em} .single-product .woocommerce-Tabs-panel h2{font-size:1.3rem!important} } /* Product gallery navigation — arrows, counter and premium thumbnail dock. */ @media(min-width:781px){ .single-product .woocommerce-product-gallery.hibr-gallery-multiple{position:sticky!important;padding-bottom:112px!important;outline:none!important} .single-product .woocommerce-product-gallery.hibr-gallery-multiple:focus-visible{box-shadow:0 0 0 2px #d8b55e,0 28px 80px rgba(0,0,0,.36)!important} .single-product .hibr-gallery-nav{position:absolute;z-index:12;inset:50% 18px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none;transform:translateY(-50%)} .single-product .hibr-gallery-nav button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(225,191,109,.48);border-radius:16px;background:rgba(7,7,6,.72);color:#f5e6bd;font-size:1.15rem;box-shadow:0 12px 30px rgba(0,0,0,.38);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;transition:transform .2s ease,background .2s ease,color .2s ease,opacity .2s ease} .single-product .hibr-gallery-nav button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#e0c173,#b99144);color:#090806} .single-product .hibr-gallery-nav button:disabled{opacity:.28;cursor:default;transform:none;background:rgba(7,7,6,.62);color:#8e887d} .single-product .hibr-gallery-desktop-counter{padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(5,5,5,.68);color:#e7d39e;font:700 .64rem/1 Arial;letter-spacing:.12em;direction:ltr;backdrop-filter:blur(10px)} .single-product .flex-control-thumbs{position:absolute!important;z-index:11;right:50%!important;bottom:16px!important;left:auto!important;display:flex!important;justify-content:center!important;gap:9px!important;width:max-content!important;max-width:calc(100% - 32px)!important;margin:0!important;padding:8px!important;border:1px solid rgba(216,177,91,.22)!important;border-radius:18px!important;background:rgba(7,7,6,.78)!important;box-shadow:0 14px 36px rgba(0,0,0,.36)!important;backdrop-filter:blur(12px);transform:translateX(50%);overflow-x:auto!important;scrollbar-width:none} .single-product .flex-control-thumbs::-webkit-scrollbar{display:none} .single-product .flex-control-thumbs li{flex:0 0 74px!important;width:74px!important} .single-product .flex-control-thumbs img{width:74px!important;height:74px!important;aspect-ratio:1!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;opacity:.58!important;object-fit:cover!important;cursor:pointer!important;pointer-events:auto!important;transition:opacity .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease!important} .single-product .flex-control-thumbs img:hover{opacity:.9!important;transform:translateY(-2px)!important} .single-product .flex-control-thumbs img.flex-active,.single-product .flex-control-thumbs img.hibr-thumb-current{border-color:#d8b55e!important;opacity:1!important;box-shadow:0 0 0 2px rgba(216,181,94,.2),0 8px 22px rgba(0,0,0,.28)!important;transform:none!important} } @media(max-width:780px){.single-product .hibr-gallery-nav{display:none!important}} /* Product page contrast pass — keep the black/gold identity while making every text tier readable. */ body.single-product{--hibr-product-text:#f7f3eb;--hibr-product-secondary:#d8d1c6;--hibr-product-muted:#b9b1a5;color:var(--hibr-product-text)} body.single-product .hibr-site-header a, body.single-product .site-header a{color:#ddd7cd} body.single-product .hibr-site-header a:hover, body.single-product .hibr-site-header .current-menu-item>a, body.single-product .site-header a:hover{color:#f0cf78!important} .single-product .product_title, .single-product .summary, .single-product .hibr-option-head, .single-product form.cart label, .single-product .hibr-purchase-note b, .single-product .hibr-product-service b{color:var(--hibr-product-text)!important} .single-product .summary .price:after, .single-product .product_meta, .single-product .product_meta>span, .single-product .hibr-product-service span, .single-product .hibr-purchase-note, .single-product .hibr-buy-now-button small{color:var(--hibr-product-secondary)!important;opacity:1!important} .single-product .product_meta a{color:#f0e9de!important;border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.055)!important} .single-product .woocommerce-tabs ul.tabs li a{color:#c9c2b7!important} .single-product .woocommerce-tabs ul.tabs li a::before{color:#b4aa96!important} .single-product .woocommerce-tabs ul.tabs li.active a{color:#f3d584!important} .single-product .woocommerce-Tabs-panel, .single-product .woocommerce-Tabs-panel p, .single-product .woocommerce-Tabs-panel li, .single-product .woocommerce-Tabs-panel td, .single-product .woocommerce-Tabs-panel th{color:#ded8cf!important} .single-product .woocommerce-Tabs-panel::before{color:#d2ae59!important} .single-product .hibr-product-kicker, .single-product .hibr-option-head a, .single-product .hibr-option-head em{color:#e5c56f!important} .single-product .hibr-stock-meter-head strong{color:#f4efe6!important} body.single-product .hibr-footer-description, body.single-product .hibr-footer-link, body.single-product .hibr-footer-trust small, body.single-product .hibr-footer-bottom{color:#c8c1b6!important} body.single-product .hibr-footer-tagline, body.single-product .hibr-footer-trust b{color:#f0ebe2!important} /* HIBR Designer customer journey enhancement. */ body.hibr-designer-enhanced{padding-bottom:96px} .hibr-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hibr-studio-2030 .hibr-studio-intro-grid>div:last-child .hibr-hero-actions a,.hibr-hero-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 20px;border-radius:999px;font-family:inherit;font-size:.76rem;font-weight:900;cursor:pointer;transition:.2s ease}.hibr-studio-2030 .hibr-studio-intro-grid>div:last-child .main-cta{background:linear-gradient(135deg,#e4c77e,#b68e3d);color:#090806!important;box-shadow:0 14px 35px rgba(216,185,111,.2)}.hibr-hero-whatsapp{border:1px solid rgba(216,185,111,.5);background:rgba(8,8,7,.65);color:#f4f0e7}.hibr-hero-actions a:hover,.hibr-hero-actions button:hover{transform:translateY(-2px)} .hibr-enhance-wrap{display:grid;gap:18px;margin:0 auto clamp(55px,8vw,95px);color:#f4f0e7;direction:rtl}.hibr-enhance-card{position:relative;overflow:hidden;padding:clamp(24px,4vw,44px);border:1px solid rgba(216,185,111,.23);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(216,185,111,.11),transparent 35%),rgba(10,10,9,.9);box-shadow:0 25px 70px rgba(0,0,0,.28)}.hibr-enhance-card>small{color:#d8b96f;font:700 .56rem Arial;letter-spacing:.2em}.hibr-enhance-card>h2{margin:10px 0 12px;font-size:clamp(1.8rem,3.8vw,3.4rem);line-height:1.1}.hibr-enhance-card>p{max-width:760px;margin:0 0 24px;color:#a9a49a;line-height:1.9}.hibr-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hibr-trust-grid>div{display:grid;align-content:start;min-height:135px;padding:17px;border-top:1px solid rgba(216,185,111,.35);background:rgba(255,255,255,.025)}.hibr-trust-grid b{display:grid;place-items:center;width:30px;height:30px;margin-bottom:15px;border:1px solid rgba(216,185,111,.45);border-radius:50%;color:#d8b96f;font:800 .65rem Arial}.hibr-trust-grid strong{font-size:.78rem}.hibr-trust-grid span{margin-top:7px;color:#8f8a81;font-size:.66rem;line-height:1.75}.hibr-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:24px}.hibr-steps>div{min-height:145px;padding:18px 14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.02)}.hibr-steps i{display:block;margin-bottom:20px;color:#d8b96f;font:700 .6rem Arial;font-style:normal;letter-spacing:.15em}.hibr-steps strong{display:block;font-size:.82rem}.hibr-steps span{display:block;margin-top:7px;color:#89847b;font-size:.65rem;line-height:1.7}.hibr-faq details{margin-top:9px;padding:16px 18px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.02)}.hibr-faq summary{color:#eee9df;font-size:.78rem;font-weight:800;cursor:pointer}.hibr-faq details p{margin:11px 0 0;color:#969087;font-size:.72rem;line-height:1.8} .hibr-sticky-order{position:fixed;right:18px;bottom:14px;left:18px;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(920px,calc(100% - 36px));margin:auto;padding:12px 14px 12px 18px;border:1px solid rgba(216,185,111,.36);border-radius:20px;background:rgba(8,8,7,.94);box-shadow:0 18px 55px rgba(0,0,0,.5);backdrop-filter:blur(16px);direction:rtl}.hibr-sticky-order strong{display:block;color:#f3eee4;font-size:.78rem}.hibr-sticky-order span{display:block;margin-top:4px;color:#8e897f;font-size:.57rem}.hibr-sticky-order>div:last-child{display:flex;gap:7px}.hibr-sticky-order button{min-height:42px;padding:0 16px;border:1px solid rgba(216,185,111,.35);border-radius:999px;background:transparent;color:#d8b96f;font-family:inherit;font-size:.66rem;font-weight:900;cursor:pointer}.hibr-sticky-order #hibr-open-order{border-color:#d8b96f;background:linear-gradient(135deg,#e2c476,#b58c3b);color:#090806}.hibr-designer-enhanced .hibr-whatsapp-float{bottom:100px} body.hibr-modal-open{overflow:hidden}.hibr-modal-backdrop{position:fixed;inset:0;z-index:14000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);direction:rtl}.hibr-modal-backdrop.is-open{display:flex}.hibr-modal{width:min(520px,100%);max-height:min(820px,92vh);overflow:auto;padding:24px;border:1px solid rgba(216,185,111,.35);border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(216,185,111,.13),transparent 32%),#0c0c0b;color:#f3eee4;box-shadow:0 30px 100px rgba(0,0,0,.65)}.hibr-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.hibr-modal header small{color:#d8b96f;font:700 .52rem Arial;letter-spacing:.18em}.hibr-modal h3{margin:8px 0 5px;font-size:1.65rem}.hibr-modal header p{margin:0;color:#8d887e;font-size:.68rem}.hibr-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#111;color:#fff;font-size:1.25rem;cursor:pointer}.hibr-modal form{display:grid;gap:11px}.hibr-modal form>label,.hibr-order-row label{display:grid;gap:6px;color:#aaa59b;font-size:.65rem}.hibr-modal input,.hibr-modal select,.hibr-modal textarea{width:100%;min-height:45px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#080808;color:#fff;font-family:inherit;box-sizing:border-box}.hibr-modal textarea{min-height:80px;resize:vertical}.hibr-order-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hibr-price-box{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid rgba(216,185,111,.22);border-radius:12px;background:rgba(216,185,111,.07)}.hibr-price-box span{color:#99948a;font-size:.65rem}.hibr-price-box strong{color:#e0c277;font-size:1rem}.hibr-form-error{margin:0;color:#ff9898;font-size:.66rem}.hibr-order-submit{min-height:49px;border:0;border-radius:999px;background:linear-gradient(135deg,#e2c476,#b58c3b);color:#090806;font-family:inherit;font-weight:900;cursor:pointer} @media(max-width:800px){.hibr-trust-grid{grid-template-columns:repeat(2,1fr)}.hibr-steps{grid-template-columns:repeat(2,1fr)}.hibr-steps>div:last-child{grid-column:1/-1}.hibr-enhance-card{border-radius:18px}.hibr-hero-actions{align-items:stretch;flex-direction:column}.hibr-studio-2030 .hibr-studio-intro-grid>div:last-child .hibr-hero-actions a,.hibr-hero-actions button{width:100%;box-sizing:border-box}.hibr-sticky-order{right:9px;bottom:8px;left:9px;width:calc(100% - 18px);padding:10px;border-radius:16px}.hibr-sticky-order span{display:none}.hibr-sticky-order button{padding-inline:12px}.hibr-designer-enhanced .hibr-whatsapp-float{bottom:87px}} @media(max-width:480px){.hibr-trust-grid,.hibr-steps{grid-template-columns:1fr}.hibr-steps>div:last-child{grid-column:auto}.hibr-trust-grid>div,.hibr-steps>div{min-height:auto}.hibr-enhance-card{padding:21px 16px}.hibr-sticky-order>div:first-child{max-width:100px}.hibr-sticky-order #hibr-scroll-designer{display:none}.hibr-order-row{grid-template-columns:1fr 1fr}.hibr-modal{padding:20px 16px;border-radius:19px}} /* Designer responsive close-out: prevent fixed UI collisions and overflow. */ .hibr-designer-enhanced .hibr-studio-2030,.hibr-designer-enhanced .hibr-live-studio,.hibr-designer-enhanced .hibr-preview-console,.hibr-designer-enhanced .hibr-studio-panel{max-width:100%;box-sizing:border-box} .hibr-designer-enhanced .hibr-contact-dock{bottom:104px} @media(min-width:801px){ .hibr-designer-enhanced .hibr-live-layout{grid-template-columns:minmax(360px,400px) minmax(0,1fr)} .hibr-designer-enhanced .hibr-preview-console{position:sticky;top:92px} .hibr-designer-enhanced .hibr-sticky-order{width:min(820px,calc(100% - 180px))} } @media(max-width:800px){ body.hibr-designer-enhanced{padding-bottom:72px;overflow-x:hidden} .hibr-designer-enhanced .hibr-whatsapp-float,.hibr-designer-enhanced .hibr-contact-dock{display:none!important} .hibr-designer-enhanced .hibr-studio-intro{min-height:auto;padding-top:48px} .hibr-designer-enhanced .hibr-studio-intro-grid{gap:20px;padding-bottom:27px} .hibr-designer-enhanced .hibr-studio-intro h1{font-size:clamp(3.05rem,15vw,4.05rem);line-height:.91} .hibr-designer-enhanced .hibr-studio-intro-grid>div:last-child{padding-top:18px} .hibr-designer-enhanced .hibr-studio-intro-grid>div:last-child p{margin-bottom:18px;font-size:.78rem;line-height:1.75} .hibr-designer-enhanced .hibr-live-layout{width:100%;gap:10px} .hibr-designer-enhanced .hibr-preview-console,.hibr-designer-enhanced .hibr-studio-panel{width:100%;min-width:0} .hibr-designer-enhanced .hibr-preview-stage{min-height:0;height:auto;aspect-ratio:1/1.08} .hibr-designer-enhanced .hibr-garment-object{width:92%;max-width:520px} .hibr-designer-enhanced #hibr-design-layer{width:34%;min-width:96px} .hibr-designer-enhanced .hibr-preview-footer{grid-template-columns:repeat(3,minmax(0,1fr))} .hibr-designer-enhanced .hibr-preview-footer>div{min-width:0;padding:10px 6px} .hibr-designer-enhanced .hibr-preview-footer strong{overflow:hidden;font-size:.57rem;line-height:1.45;text-overflow:ellipsis;white-space:nowrap} .hibr-designer-enhanced .hibr-enhance-wrap{width:100%;margin-bottom:48px;padding-inline:12px;box-sizing:border-box} .hibr-designer-enhanced .hibr-sticky-order{right:8px;bottom:7px;left:8px;width:calc(100% - 16px);min-height:56px;padding:7px;border-radius:15px} .hibr-designer-enhanced .hibr-sticky-order>div:first-child{display:none} .hibr-designer-enhanced .hibr-sticky-order>div:last-child{display:grid;width:100%;grid-template-columns:.85fr 1.15fr;gap:7px} .hibr-designer-enhanced .hibr-sticky-order button{width:100%;min-height:42px;padding:0 8px;font-size:.62rem} .hibr-designer-enhanced .hibr-sticky-order #hibr-scroll-designer{display:block} } @media(max-width:420px){ .hibr-designer-enhanced .hibr-studio-status span{font-size:.45rem;letter-spacing:.08em} .hibr-designer-enhanced .hibr-side-switch button{min-width:54px;padding-inline:8px} .hibr-designer-enhanced .hibr-studio-toolbar button{min-width:0;font-size:.82rem!important} .hibr-designer-enhanced .hibr-studio-toolbar .hibr-toolbar-reset{font-size:.5rem!important} .hibr-designer-enhanced .hibr-order-row{grid-template-columns:1fr} } /* ========================================================= HIBR — CINEMATIC PRELOADER ========================================================= */ .hibr-preloader{ position:fixed; inset:0; z-index:99999999; display:flex; align-items:center; justify-content:center; background:#030303; opacity:1; visibility:visible; transition: opacity .65s cubic-bezier(.16,1,.3,1), visibility .65s ease; } .hibr-preloader.is-hidden{ opacity:0; visibility:hidden; pointer-events:none; } /* INNER */ .hibr-preloader-inner{ width:min(270px,72vw); display:flex; flex-direction:column; align-items:center; text-align:center; } /* LOGO */ .hibr-preloader-logo{ display:block; width:min(240px,58vw); height:auto; object-fit:contain; opacity:0; filter: drop-shadow(0 0 12px rgba(216,180,99,.18)); transform: translateY(8px) scale(.94); animation: hibrLoaderLogoIn .8s cubic-bezier(.16,1,.3,1) .08s forwards, hibrLoaderBreath 2.1s ease-in-out .9s infinite; } /* LOADING LINE */ .hibr-preloader-progress{ width:150px; height:1px; margin-top:26px; overflow:hidden; background:rgba(216,180,99,.16); } .hibr-preloader-progress span{ position:absolute; top:0; left:-55%; width:55%; height:100%; background: linear-gradient( 90deg, transparent, #d8b463, transparent ); animation: hibrLoaderLine 1.25s cubic-bezier(.4,0,.2,1) infinite; } /* SMALL SIGNATURE */ .hibr-preloader small{ margin-top:14px; color: rgba(255,255,255,.28); font-size:.48rem; font-weight:600; letter-spacing:.34em; opacity:0; animation: hibrLoaderTextIn .7s ease .55s forwards; } /* ANIMATIONS */ @keyframes hibrLoaderLogoIn{ to{ opacity:1; transform: translateY(0) scale(1); } } @keyframes hibrLoaderBreath{ 0%, 100%{ transform:scale(1); filter: drop-shadow( 0 0 0 rgba(216,180,99,0) ); } 50%{ transform:scale(1.025); filter: drop-shadow( 0 0 14px rgba(216,180,99,.16) ); } } @keyframes hibrLoaderLine{ 0%{ left:-55%; } 100%{ left:110%; } } @keyframes hibrLoaderTextIn{ to{ opacity:1; } } /* ACCESSIBILITY */ @media (prefers-reduced-motion:reduce){ .hibr-preloader-logo, .hibr-preloader-progress span, .hibr-preloader small{ animation:none !important; opacity:1; transform:none; } } /* MOBILE */ @media screen and (max-width:600px){ .hibr-preloader-logo{ width:min(155px,48vw); } .hibr-preloader-progress{ width:105px; margin-top:20px; } } /* Designer hoodie: three practical print zones and a lit cutout preview. */ .hibr-studio-2030 .hibr-preview-stage{isolation:isolate;background:radial-gradient(ellipse 38% 47% at 50% 46%,rgba(227,196,126,.2),transparent 78%),radial-gradient(ellipse 85% 75% at 50% 58%,#27231d 0%,#090909 73%)!important} .hibr-studio-2030 .hibr-garment-object{isolation:isolate;filter:none!important} .hibr-studio-2030 .hibr-garment-object::before{content:"";position:absolute;z-index:-1;inset:7% 5% 0;border-radius:48%;background:radial-gradient(ellipse at 50% 35%,rgba(247,214,146,.34),rgba(216,185,111,.12) 42%,transparent 74%);filter:blur(32px);pointer-events:none} .hibr-studio-2030 .hibr-garment-canvas{position:relative;z-index:1;filter:drop-shadow(0 0 13px rgba(236,204,141,.28)) drop-shadow(0 29px 38px rgba(0,0,0,.75))} .hibr-studio-2030 #hibr-design-layer{left:50%;top:43%;width:35%;min-width:0;aspect-ratio:1/1.05;max-height:40%;overflow:hidden;border-radius:5px;box-sizing:border-box} .hibr-studio-2030 .hibr-print-safe-area{inset:24% 32% 34%;border-color:rgba(216,185,111,.45)} .hibr-studio-2030 .hibr-preview-stage[data-side="back"] #hibr-design-layer{left:50%;top:51%;width:43%;aspect-ratio:1/1.08;max-height:48%} .hibr-studio-2030 .hibr-preview-stage[data-side="back"] .hibr-print-safe-area{inset:28% 28% 25%} .hibr-studio-2030 .hibr-preview-stage[data-side="sleeve"] #hibr-design-layer{left:19.5%;top:45%;width:14%;aspect-ratio:1/1.7;max-height:30%;transform-origin:center} .hibr-studio-2030 .hibr-preview-stage[data-side="sleeve"] .hibr-print-safe-area{top:29%;right:auto;bottom:41%;left:12.5%;width:14%} .hibr-studio-2030 .hibr-preview-stage[data-side="sleeve"] .hibr-print-safe-area span{left:0;right:auto} .hibr-studio-2030 #hibr-design-canvas{object-fit:contain} .hibr-studio-2030 .hibr-side-switch{flex-wrap:nowrap} .hibr-studio-2030 .hibr-side-switch button{white-space:nowrap} @media(max-width:800px){ .hibr-studio-2030 .hibr-preview-stage[data-side="front"] #hibr-design-layer{width:35%;min-width:0} .hibr-studio-2030 .hibr-preview-stage[data-side="back"] #hibr-design-layer{width:43%;min-width:0} .hibr-studio-2030 .hibr-preview-stage[data-side="sleeve"] #hibr-design-layer{width:14%;min-width:0} } @media(max-width:480px){ .hibr-studio-2030 .hibr-side-switch{gap:2px!important;padding:3px} .hibr-studio-2030 .hibr-side-switch button{min-width:0;padding-inline:7px;font-size:.56rem} .hibr-studio-2030 .hibr-garment-object::before{filter:blur(20px)} } /* ===================================================== HIBR — MOBILE BUY BUTTON CLICKABLE ===================================================== */ body.single-product .hibr-mobile-buybar, body.single-product .hibr-mobile-buybar *, body.single-product form.cart, body.single-product .single_add_to_cart_button{ pointer-events:auto !important; } body.single-product .hibr-mobile-buybar{ position:relative !important; z-index:99999 !important; } /* ===================================================== HIBR — PAYMENT RECEIPT ===================================================== */ #hibr-payment-receipt-wrap{ margin:24px 0; padding:22px; border: 1px solid rgba(200,169,104,.24); border-radius:18px; background: rgba(12,12,10,.82); color:#f5f1e9; direction:rtl; } #hibr-payment-receipt-wrap h3{ margin:0 0 8px; font-size:20px; } #hibr-payment-receipt-wrap > p{ margin:0 0 18px; color: rgba(255,255,255,.55); font-size:12px; line-height:1.8; } .hibr-receipt-upload{ display:flex; min-height:120px; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:18px; border: 1px dashed rgba(200,169,104,.45); border-radius:14px; background: rgba(200,169,104,.04); cursor:pointer; text-align:center; transition: background .25s ease, border-color .25s ease; } .hibr-receipt-upload:hover{ background: rgba(200,169,104,.08); border-color:#c8a968; } .hibr-receipt-upload input{ position:absolute; width:1px; height:1px; opacity:0; } .hibr-receipt-icon{ color:#c8a968; font-size:26px; } .hibr-receipt-upload strong{ font-size:13px; } .hibr-receipt-upload small{ color: rgba(255,255,255,.42); font-size:10px; } #hibr-receipt-file-name{ margin-top:10px; color:#c8a968; font-size:11px; text-align:center; } .hibr-pay-title-wrap{ display:inline-flex; align-items:center; gap:10px; } .hibr-pay-icon{ width:26px; height:26px; object-fit:contain; border-radius:6px; display:inline-block; } /* ===================================================== HIBR — PAYMENT METHOD ICONS ===================================================== */ #payment .payment_methods .payment_method_hibr_instapay label, #payment .payment_methods .payment_method_hibr_wallet label{ display:inline-flex !important; align-items:center !important; gap:10px !important; } /* الأيقونات */ #payment .payment_methods .payment_method_hibr_instapay label img, #payment .payment_methods .payment_method_hibr_wallet label img{ width:34px !important; height:34px !important; max-width:34px !important; max-height:34px !important; object-fit:contain !important; margin:0 8px !important; float:none !important; vertical-align:middle !important; } /* InstaPay أعرض شوية لو اللوجو مستطيل */ #payment .payment_methods .payment_method_hibr_instapay label img{ width:42px !important; max-width:42px !important; } /* Vodafone */ #payment .payment_methods .payment_method_hibr_wallet label img{ width:38px !important; max-width:38px !important; } /* HIBR MOBILE FLAT CART + ACCOUNT — 2026-10-01 */ @media (max-width:780px){ /* Cart: keep the content and actions, remove stacked card containers. */ body.woocommerce-cart .hibr-purchase-intro, body.woocommerce-cart .woocommerce-cart-form, body.woocommerce-cart .woocommerce-cart-form tr.cart_item, body.woocommerce-cart .woocommerce-cart-form td.actions, body.woocommerce-cart .cart-collaterals:before, body.woocommerce-cart .cart-collaterals .cart_totals, body.woocommerce-cart .hibr-whatsapp-order, body.woocommerce-cart .wc-block-cart__main, body.woocommerce-cart .wc-block-cart__sidebar{ border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.woocommerce-cart .hibr-purchase-intro{ margin:0 16px 22px!important; padding:0 0 18px!important; overflow:visible!important; border-bottom:1px solid rgba(200,169,104,.22)!important; } body.woocommerce-cart .hibr-purchase-intro:after{display:none!important} body.woocommerce-cart .woocommerce-cart-form{margin-inline:16px!important} body.woocommerce-cart .woocommerce-cart-form tbody{gap:0!important} body.woocommerce-cart .woocommerce-cart-form tr.cart_item{ padding:18px 0!important; border-bottom:1px solid rgba(255,255,255,.1)!important; } body.woocommerce-cart .woocommerce-cart-form td.actions{ margin-top:8px!important; padding:18px 0 4px!important; border-top:1px solid rgba(200,169,104,.2)!important; } body.woocommerce-cart .cart-collaterals{margin:26px 16px!important} body.woocommerce-cart .cart-collaterals:before{ margin:0 0 20px!important; padding:0 0 14px!important; border-bottom:1px solid rgba(200,169,104,.22)!important; font-size:1.75rem!important; } body.woocommerce-cart .cart-collaterals .cart_totals{padding:0!important;overflow:visible!important} body.woocommerce-cart .cart-collaterals .cart_totals h2{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)} body.woocommerce-cart .hibr-whatsapp-order{padding:14px 0!important;border-top:1px solid rgba(255,255,255,.1)!important} body.woocommerce-cart .woocommerce-message, body.woocommerce-cart .woocommerce-info, body.woocommerce-cart .woocommerce-error, body.woocommerce-account .woocommerce-message, body.woocommerce-account .woocommerce-info, body.woocommerce-account .woocommerce-error{ margin:0 16px 18px!important; padding:14px 0!important; border:0!important; border-bottom:1px solid rgba(200,169,104,.22)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } /* Account: a clean page flow instead of nested cards. */ body.woocommerce-account.logged-in .hibr-myaccount{ width:100%!important; margin:24px auto 64px!important; padding-inline:18px!important; box-sizing:border-box!important; } body.woocommerce-account.logged-in .hibr-account-hero, body.woocommerce-account.logged-in .hibr-account-tabs, body.woocommerce-account.logged-in .hibr-account-panel, body.woocommerce-account.logged-in .hibr-dashboard-card, body.woocommerce-account.logged-in .hibr-avatar-picker, body.woocommerce-account.logged-in .hibr-dashboard-avatar-section, body.woocommerce-account.logged-in .woocommerce-Addresses .woocommerce-Address, body.woocommerce-account.logged-in .woocommerce-orders-table, body.woocommerce-account.logged-in .woocommerce-table--order-details{ border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.woocommerce-account.logged-in .hibr-account-hero{ padding:18px 0 22px!important; overflow:visible!important; border-bottom:1px solid rgba(200,169,104,.22)!important; } body.woocommerce-account.logged-in .hibr-account-hero:after{display:none!important} body.woocommerce-account.logged-in .hibr-account-tabs{ gap:22px!important; margin:10px 0 24px!important; padding:0 0 8px!important; border-bottom:1px solid rgba(255,255,255,.1)!important; } body.woocommerce-account.logged-in .hibr-account-tab{ flex:0 0 auto!important; min-width:auto!important; padding:11px 0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } body.woocommerce-account.logged-in .hibr-account-tab.is-active{ color:#d6b45f!important; border-bottom:2px solid #d6b45f!important; } body.woocommerce-account.logged-in .hibr-account-panel{ min-height:0!important; padding:0!important; overflow:visible!important; } body.woocommerce-account.logged-in .hibr-dashboard-grid{gap:0!important} body.woocommerce-account.logged-in .hibr-dashboard-card{ min-height:0!important; padding:22px 0!important; border-bottom:1px solid rgba(255,255,255,.1)!important; } body.woocommerce-account.logged-in .hibr-dashboard-card:hover{transform:none!important} body.woocommerce-account.logged-in .hibr-card-icon{ width:auto!important; height:auto!important; border:0!important; border-radius:0!important; background:transparent!important; } body.woocommerce-account.logged-in .hibr-avatar-picker, body.woocommerce-account.logged-in .hibr-dashboard-avatar-section{ margin-top:24px!important; padding:22px 0!important; border-top:1px solid rgba(200,169,104,.2)!important; } body.woocommerce-account.logged-in .woocommerce-Addresses .woocommerce-Address{padding:18px 0!important;border-bottom:1px solid rgba(255,255,255,.1)!important} /* The account login/register screen follows the same flat mobile language. */ body.woocommerce-account:not(.logged-in) .woocommerce{ border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; } body.woocommerce-account:not(.logged-in) .hibr-auth-intro{ min-height:0!important; padding:26px 18px!important; border:0!important; border-bottom:1px solid rgba(200,169,104,.22)!important; border-radius:0!important; background:none!important; box-shadow:none!important; } } /* ========================================================= HIBR CART — CLEAN EDITORIAL RTL ========================================================= */ .woocommerce-cart{ direction:rtl; text-align:right; --cart-gold:#d8b463; --cart-text:#f4f0e8; --cart-muted:rgba(255,255,255,.50); --cart-line:rgba(255,255,255,.10); } /* ========================================================= CART ITEMS ========================================================= */ .woocommerce-cart .woocommerce-cart-form{ width:100%; margin-top:30px; } .woocommerce-cart table.shop_table{ width:100% !important; margin:0 !important; border:0 !important; border-collapse:collapse !important; background:transparent !important; } .woocommerce-cart table.shop_table thead{ display:none; } /* كل منتج */ .woocommerce-cart table.shop_table tr.cart_item{ position:relative; border:0 !important; border-bottom:1px solid var(--cart-line) !important; background:transparent !important; } .woocommerce-cart table.shop_table td{ border:0 !important; padding:28px 12px !important; background:transparent !important; vertical-align:middle !important; text-align:right !important; } /* ========================================================= PRODUCT IMAGE ========================================================= */ .woocommerce-cart .product-thumbnail{ width:110px !important; } .woocommerce-cart .product-thumbnail img{ width:90px !important; height:110px !important; margin:0 !important; object-fit:cover; border:0 !important; border-radius:8px; background:#0a0a09; } /* ========================================================= PRODUCT INFO ========================================================= */ .woocommerce-cart .product-name{ text-align:right !important; } .woocommerce-cart .product-name > a{ display:block; color:var(--cart-text) !important; font-size:.95rem !important; font-weight:700 !important; line-height:1.7; text-align:right !important; text-decoration:none !important; } /* المقاس واللون */ .woocommerce-cart .product-name dl.variation{ display:grid; grid-template-columns:max-content 1fr; justify-content:start; gap:6px 10px; margin:12px 0 0 !important; color:var(--cart-muted); font-size:.68rem; text-align:right !important; } .woocommerce-cart .product-name dl.variation dt{ color:rgba(255,255,255,.75); font-weight:600; text-align:right; } .woocommerce-cart .product-name dl.variation dd{ margin:0 !important; color:rgba(255,255,255,.48); text-align:right; } /* ========================================================= PRICE ========================================================= */ .woocommerce-cart .product-price, .woocommerce-cart .product-subtotal{ color:var(--cart-gold) !important; font-size:.8rem !important; font-weight:700 !important; white-space:nowrap; text-align:right !important; } /* ========================================================= QUANTITY ========================================================= */ .woocommerce-cart .quantity{ display:inline-flex !important; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.14); border-radius:0; background:transparent; } .woocommerce-cart .quantity input.qty{ width:66px !important; height:42px !important; margin:0 !important; border:0 !important; background:transparent !important; color:#fff !important; text-align:center !important; box-shadow:none !important; } /* ========================================================= REMOVE ========================================================= */ .woocommerce-cart .product-remove{ width:42px; } .woocommerce-cart .product-remove a.remove{ width:28px !important; height:28px !important; display:grid !important; place-items:center; margin:0 !important; border:1px solid rgba(255,255,255,.16) !important; border-radius:50% !important; background:transparent !important; color:rgba(255,255,255,.55) !important; font-size:14px !important; } .woocommerce-cart .product-remove a.remove:hover{ border-color:var(--cart-gold) !important; color:var(--cart-gold) !important; } /* ========================================================= CART ACTIONS ========================================================= */ .woocommerce-cart td.actions{ padding:26px 0 !important; border:0 !important; text-align:right !important; } .woocommerce-cart .coupon{ display:flex !important; align-items:center; justify-content:flex-start; gap:10px; direction:rtl; } .woocommerce-cart .coupon input.input-text{ width:240px !important; min-height:46px !important; padding:0 14px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.20) !important; border-radius:0 !important; background:transparent !important; color:#fff !important; text-align:right !important; } .woocommerce-cart .coupon input.input-text:focus{ border-color:var(--cart-gold) !important; outline:none; } /* buttons */ .woocommerce-cart .coupon button, .woocommerce-cart button[name="update_cart"]{ min-height:46px !important; padding:0 20px !important; border:1px solid rgba(216,180,99,.45) !important; border-radius:999px !important; background:transparent !important; color:var(--cart-gold) !important; font-size:.7rem !important; font-weight:600 !important; } .woocommerce-cart .coupon button:hover, .woocommerce-cart button[name="update_cart"]:hover{ background:var(--cart-gold) !important; color:#111 !important; } /* ========================================================= TOTALS — بدون كارت ========================================================= */ .woocommerce-cart .cart-collaterals{ margin-top:45px !important; direction:rtl; text-align:right; } .woocommerce-cart .cart_totals{ width:100% !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; text-align:right !important; } .woocommerce-cart .cart_totals h2{ margin:0 0 12px !important; padding-bottom:18px; border-bottom:1px solid var(--cart-line); color:#fff !important; font-size:1.7rem !important; font-weight:800 !important; text-align:right !important; } /* totals table */ .woocommerce-cart .cart_totals table{ width:100% !important; margin:0 !important; border:0 !important; border-collapse:collapse !important; } .woocommerce-cart .cart_totals tr{ border-bottom:1px solid var(--cart-line) !important; } .woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td{ padding:18px 0 !important; border:0 !important; background:transparent !important; } .woocommerce-cart .cart_totals th{ width:42%; color:rgba(255,255,255,.68); font-size:.76rem; font-weight:600; text-align:right !important; } .woocommerce-cart .cart_totals td{ color:#fff; font-size:.76rem; text-align:left !important; } .woocommerce-cart .cart_totals .amount{ color:var(--cart-gold) !important; font-weight:700 !important; } /* الشحن */ .woocommerce-cart .woocommerce-shipping-methods{ padding:0 !important; list-style:none; text-align:right !important; } .woocommerce-cart .woocommerce-shipping-destination, .woocommerce-cart .woocommerce-shipping-calculator{ color:var(--cart-muted) !important; font-size:.68rem; line-height:1.8; text-align:right !important; } /* ========================================================= TOTAL ========================================================= */ .woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td{ padding-top:24px !important; font-size:.92rem !important; } .woocommerce-cart .cart_totals .order-total .amount{ font-size:1.05rem !important; } /* ========================================================= CHECKOUT ========================================================= */ .woocommerce-cart .wc-proceed-to-checkout{ padding:28px 0 0 !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ width:100%; min-height:54px !important; display:flex !important; align-items:center; justify-content:center; margin:0 !important; border-radius:999px !important; background:#d8b463 !important; color:#111 !important; font-size:.8rem !important; font-weight:700 !important; box-shadow:none !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background:#e5c87e !important; transform:translateY(-1px); } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width:768px){ .woocommerce-cart{ direction:rtl !important; } .woocommerce-cart table.shop_table{ display:block !important; } .woocommerce-cart table.shop_table tbody{ display:block !important; } /* كل منتج */ .woocommerce-cart table.shop_table tr.cart_item{ position:relative; display:grid !important; grid-template-columns: 92px minmax(0,1fr); grid-template-areas: "image info" "image price" "qty subtotal"; column-gap:16px; padding:24px 0 !important; border-bottom: 1px solid rgba(255,255,255,.10) !important; background:transparent !important; } /* نلغي WooCommerce labels */ .woocommerce-cart table.shop_table td::before{ display:none !important; } /* IMAGE */ .woocommerce-cart .product-thumbnail{ grid-area:image; display:block !important; width:auto !important; padding:0 !important; text-align:right !important; } .woocommerce-cart .product-thumbnail img{ width:88px !important; height:108px !important; margin:0 !important; } /* INFO */ .woocommerce-cart .product-name{ grid-area:info; padding:0 !important; text-align:right !important; } .woocommerce-cart .product-name > a{ padding-left:30px; font-size:.82rem !important; line-height:1.65; text-align:right !important; } .woocommerce-cart .product-name dl.variation{ margin-top:10px !important; font-size:.64rem; justify-content:start; text-align:right !important; } /* UNIT PRICE */ .woocommerce-cart .product-price{ grid-area:price; padding:4px 0 0 !important; text-align:right !important; font-size:.68rem !important; } /* QUANTITY */ .woocommerce-cart .product-quantity{ grid-area:qty; padding:15px 0 0 !important; border-top: 1px solid rgba(255,255,255,.06) !important; text-align:right !important; } /* SUBTOTAL */ .woocommerce-cart .product-subtotal{ grid-area:subtotal; display:flex !important; align-items:center; justify-content:flex-end; padding:15px 0 0 !important; border-top: 1px solid rgba(255,255,255,.06) !important; text-align:left !important; } /* REMOVE */ .woocommerce-cart .product-remove{ position:absolute !important; top:20px; left:0; z-index:4; width:auto !important; padding:0 !important; } /* ACTIONS */ .woocommerce-cart td.actions{ display:block !important; padding:25px 0 !important; } .woocommerce-cart .coupon{ display:flex !important; flex-direction:column; align-items:stretch; width:100%; gap:10px; } .woocommerce-cart .coupon input.input-text{ width:100% !important; min-height:48px !important; } .woocommerce-cart .coupon button, .woocommerce-cart button[name="update_cart"]{ width:100% !important; } .woocommerce-cart button[name="update_cart"]{ margin-top:10px !important; } /* TOTALS */ .woocommerce-cart .cart-collaterals{ margin-top:20px !important; } .woocommerce-cart .cart_totals h2{ font-size:1.55rem !important; } .woocommerce-cart .cart_totals th{ width:42%; font-size:.7rem; } .woocommerce-cart .cart_totals td{ font-size:.7rem; } } /* ========================================================= HIBR — CHECKOUT BLOCKS MOBILE + MANUAL PAYMENT ICONS ========================================================= */ #payment-method .wc-block-components-radio-control{ display:grid; gap:10px; } #payment-method .wc-block-components-radio-control-accordion-option{ overflow:hidden; border:1px solid rgba(255,255,255,.12) !important; border-radius:16px !important; background:rgba(255,255,255,.025) !important; } #payment-method .wc-block-components-radio-control__option{ min-height:64px; padding:13px 15px !important; } #payment-method .wc-block-components-radio-control__option-checked{ background:rgba(216,180,99,.08) !important; } #payment-method .wc-block-components-radio-control-accordion-option--checked-option-highlighted{ border-color:rgba(216,180,99,.72) !important; box-shadow:0 0 0 1px rgba(216,180,99,.12) !important; } .hibr-block-payment-label{ display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; color:#f4f1eb; } .hibr-block-payment-title{ min-width:0; font-size:.88rem; font-weight:800; line-height:1.5; } .hibr-block-payment-icon{ display:block; flex:0 0 auto; width:76px; height:34px; padding:4px 7px; border:1px solid rgba(255,255,255,.14); border-radius:9px; background:#fff; object-fit:contain; } .hibr-block-payment-content{ padding:2px 15px 16px; color:rgba(244,241,235,.7); font-size:.76rem; line-height:1.8; } .hibr-block-payment-content p{ margin:0; } .hibr-block-payment-detail{ display:flex; flex-wrap:wrap; gap:5px 9px; margin-top:10px; padding:10px 12px; border:1px solid rgba(216,180,99,.22); border-radius:10px; background:rgba(216,180,99,.06); color:#f4f1eb; } .hibr-block-payment-detail strong{ color:#d8b463; } @media screen and (max-width:780px){ body:has(.wc-block-checkout) .hibr-page-hero{ padding-top:30px !important; padding-bottom:20px !important; } .wc-block-checkout{ padding-inline:10px !important; } .wc-block-checkout__main, .wc-block-checkout__sidebar{ padding:15px !important; border-radius:18px !important; } .wc-block-checkout__main .wc-block-components-checkout-step{ margin-bottom:22px !important; padding-bottom:22px !important; border-bottom:1px solid rgba(255,255,255,.08); } .wc-block-checkout__main .wc-block-components-checkout-step:last-of-type{ margin-bottom:0 !important; } .wc-block-components-checkout-step__title, .wc-block-components-title{ font-size:1rem !important; line-height:1.45 !important; } .wc-block-components-address-form{ gap:12px !important; } .wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input, .wc-block-components-address-form select{ min-height:54px !important; font-size:16px !important; } #payment-method .wc-block-components-radio-control__option{ min-height:66px; padding:12px 13px !important; } .hibr-block-payment-title{ font-size:.79rem; } .hibr-block-payment-icon{ width:66px; height:32px; padding:4px 6px; } .hibr-block-payment-content{ padding:2px 13px 14px; font-size:.72rem; } .wc-block-components-checkout-place-order-button{ width:100% !important; min-height:58px !important; margin-top:14px !important; font-size:.84rem !important; } } /* ========================================================= HIBR CART — EDITORIAL LUXURY V2 NO CARDS / RTL / CLEAN ========================================================= */ .woocommerce-cart{ --hib-gold:#d8b463; --hib-text:#f4f0e8; --hib-soft:rgba(255,255,255,.48); --hib-line:rgba(255,255,255,.10); direction:rtl !important; text-align:right !important; } /* ================================ MAIN CART AREA ================================ */ .woocommerce-cart .woocommerce-cart-form{ width:100%; margin-top:36px !important; } .woocommerce-cart table.shop_table{ width:100% !important; margin:0 !important; border:0 !important; border-collapse:collapse !important; background:transparent !important; } .woocommerce-cart table.shop_table thead{ display:none !important; } /* ================================ PRODUCT ROW ================================ */ .woocommerce-cart table.shop_table tr.cart_item{ position:relative; border:0 !important; border-bottom:1px solid var(--hib-line) !important; background:transparent !important; } .woocommerce-cart table.shop_table tr.cart_item::after{ content:""; position:absolute; right:0; bottom:-1px; width:54px; height:1px; background:var(--hib-gold); opacity:.55; } .woocommerce-cart table.shop_table td{ border:0 !important; padding:30px 10px !important; background:transparent !important; vertical-align:middle !important; } /* ================================ IMAGE ================================ */ .woocommerce-cart .product-thumbnail{ width:128px !important; padding-right:0 !important; } .woocommerce-cart .product-thumbnail img{ width:104px !important; height:126px !important; object-fit:cover; border-radius:6px; border:0 !important; background:#090908; } /* ================================ PRODUCT NAME ================================ */ .woocommerce-cart .product-name{ width:auto !important; text-align:right !important; } .woocommerce-cart .product-name > a{ display:block; max-width:420px; color:var(--hib-text) !important; font-size:1rem !important; font-weight:700 !important; line-height:1.65; text-decoration:none !important; transition:color .2s ease; } .woocommerce-cart .product-name > a:hover{ color:var(--hib-gold) !important; } /* variations */ .woocommerce-cart .product-name dl.variation{ display:flex !important; flex-wrap:wrap; gap:5px 18px; margin:12px 0 0 !important; font-size:.67rem; color:var(--hib-soft); } .woocommerce-cart .product-name dl.variation div{ display:flex; gap:5px; align-items:center; } .woocommerce-cart .product-name dl.variation dt{ color:rgba(255,255,255,.72); font-weight:600; } .woocommerce-cart .product-name dl.variation dd{ margin:0 !important; color:rgba(255,255,255,.45); } /* ================================ PRICE / SUBTOTAL ================================ */ .woocommerce-cart .product-price, .woocommerce-cart .product-subtotal{ color:var(--hib-gold) !important; font-size:.78rem !important; font-weight:700 !important; white-space:nowrap; text-align:right !important; } /* ================================ QUANTITY — MINIMAL ================================ */ .woocommerce-cart .product-quantity{ text-align:right !important; } .woocommerce-cart .quantity{ display:inline-flex !important; align-items:center; border:0 !important; border-bottom:1px solid rgba(255,255,255,.20) !important; border-radius:0 !important; background:transparent !important; } .woocommerce-cart .quantity input.qty{ width:58px !important; height:38px !important; margin:0 !important; border:0 !important; background:transparent !important; color:#fff !important; text-align:center !important; box-shadow:none !important; } /* ================================ REMOVE BUTTON ================================ */ .woocommerce-cart .product-remove{ width:34px; } .woocommerce-cart .product-remove a.remove{ width:26px !important; height:26px !important; display:grid !important; place-items:center; margin:0 !important; border:0 !important; background:transparent !important; color:rgba(255,255,255,.34) !important; font-size:18px !important; font-weight:300 !important; transition:.2s ease; } .woocommerce-cart .product-remove a.remove:hover{ color:var(--hib-gold) !important; transform:rotate(90deg); } /* ================================ ACTIONS ================================ */ .woocommerce-cart td.actions{ padding:30px 0 !important; background:transparent !important; border:0 !important; } .woocommerce-cart .coupon{ display:flex !important; align-items:center; gap:12px; direction:rtl; } .woocommerce-cart .coupon input.input-text{ width:260px !important; min-height:46px !important; padding:0 4px !important; border:0 !important; border-bottom:1px solid rgba(255,255,255,.18) !important; border-radius:0 !important; background:transparent !important; color:#fff !important; text-align:right !important; } .woocommerce-cart .coupon input.input-text:focus{ border-color:var(--hib-gold) !important; outline:none !important; } /* buttons */ .woocommerce-cart .coupon button, .woocommerce-cart button[name="update_cart"]{ min-height:44px !important; padding:0 18px !important; border:0 !important; border-bottom:1px solid rgba(216,180,99,.55) !important; border-radius:0 !important; background:transparent !important; color:var(--hib-gold) !important; font-size:.68rem !important; font-weight:600 !important; transition:.2s ease; } .woocommerce-cart .coupon button:hover, .woocommerce-cart button[name="update_cart"]:hover{ border-color:var(--hib-gold) !important; color:#fff !important; } /* ========================================================= TOTALS — EDITORIAL ========================================================= */ .woocommerce-cart .cart-collaterals{ margin-top:60px !important; padding-top:0 !important; direction:rtl; } .woocommerce-cart .cart_totals{ width:100% !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; text-align:right !important; } /* title */ .woocommerce-cart .cart_totals h2{ margin:0 !important; padding:0 0 22px !important; border-bottom:1px solid var(--hib-line); color:#fff !important; font-size:clamp(1.5rem,4vw,2.1rem) !important; font-weight:800 !important; text-align:right !important; } /* totals rows */ .woocommerce-cart .cart_totals table{ width:100% !important; margin:0 !important; border:0 !important; border-collapse:collapse !important; } .woocommerce-cart .cart_totals tr{ border-bottom:1px solid rgba(255,255,255,.08) !important; } .woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td{ padding:18px 0 !important; border:0 !important; background:transparent !important; } .woocommerce-cart .cart_totals th{ width:42%; color:rgba(255,255,255,.58); font-size:.72rem; font-weight:500; text-align:right !important; } .woocommerce-cart .cart_totals td{ color:#fff; font-size:.74rem; text-align:left !important; } .woocommerce-cart .cart_totals .amount{ color:var(--hib-gold) !important; font-weight:700 !important; } /* final total */ .woocommerce-cart .cart_totals .order-total{ border-bottom:0 !important; } .woocommerce-cart .cart_totals .order-total th, .woocommerce-cart .cart_totals .order-total td{ padding-top:26px !important; font-size:.9rem !important; } .woocommerce-cart .cart_totals .order-total .amount{ font-size:1.08rem !important; } /* shipping */ .woocommerce-cart .woocommerce-shipping-methods{ margin:0 !important; padding:0 !important; list-style:none; text-align:right !important; } .woocommerce-cart .woocommerce-shipping-destination, .woocommerce-cart .woocommerce-shipping-calculator{ color:var(--hib-soft) !important; font-size:.66rem !important; line-height:1.9; text-align:right !important; } /* ================================ CHECKOUT CTA ================================ */ .woocommerce-cart .wc-proceed-to-checkout{ padding:30px 0 0 !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ width:100%; min-height:56px !important; display:flex !important; align-items:center; justify-content:center; margin:0 !important; border:0 !important; border-radius:0 !important; background:var(--hib-gold) !important; color:#111 !important; font-size:.78rem !important; font-weight:700 !important; letter-spacing:.02em; box-shadow:none !important; transition:.22s ease; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background:#e6c97e !important; transform:translateY(-2px); } /* ========================================================= MOBILE ========================================================= */ @media screen and (max-width:768px){ .woocommerce-cart .woocommerce-cart-form{ margin-top:22px !important; } .woocommerce-cart table.shop_table{ display:block !important; } .woocommerce-cart table.shop_table tbody{ display:block !important; } /* PRODUCT */ .woocommerce-cart table.shop_table tr.cart_item{ display:grid !important; grid-template-columns: 104px minmax(0,1fr); grid-template-areas: "thumb info" "thumb price" "meta meta"; column-gap:16px; padding:26px 0 !important; border-bottom: 1px solid var(--hib-line) !important; } .woocommerce-cart table.shop_table td::before{ display:none !important; } /* IMAGE */ .woocommerce-cart .product-thumbnail{ grid-area:thumb; display:block !important; width:auto !important; padding:0 !important; } .woocommerce-cart .product-thumbnail img{ width:100px !important; height:124px !important; margin:0 !important; border-radius:5px; } /* INFO */ .woocommerce-cart .product-name{ grid-area:info; padding:2px 0 0 !important; align-self:start; } .woocommerce-cart .product-name > a{ padding-left:28px; font-size:.86rem !important; line-height:1.7; } .woocommerce-cart .product-name dl.variation{ display:block !important; margin-top:11px !important; } .woocommerce-cart .product-name dl.variation div{ margin-top:4px; } /* PRICE */ .woocommerce-cart .product-price{ grid-area:price; padding:5px 0 0 !important; align-self:end; text-align:right !important; font-size:.7rem !important; } /* QTY + SUBTOTAL */ .woocommerce-cart .product-quantity{ grid-area:meta; padding:18px 0 0 !important; margin-top:14px; border-top: 1px solid rgba(255,255,255,.06) !important; text-align:right !important; } .woocommerce-cart .product-subtotal{ grid-area:meta; justify-self:end; align-self:end; padding:18px 0 0 !important; margin-top:14px; border-top: 1px solid rgba(255,255,255,.06) !important; font-size:.78rem !important; } /* labels */ .woocommerce-cart .product-quantity::after{ content:"الكمية"; display:inline-block; margin-right:10px; color:rgba(255,255,255,.35); font-size:.57rem; } .woocommerce-cart .product-subtotal::before{ content:"الإجمالي"; display:inline-block !important; margin-left:8px; color:rgba(255,255,255,.35); font-size:.57rem; } /* REMOVE */ .woocommerce-cart .product-remove{ position:absolute !important; top:20px; left:0; z-index:4; width:auto !important; padding:0 !important; } /* COUPON */ .woocommerce-cart td.actions{ display:block !important; padding:26px 0 !important; } .woocommerce-cart .coupon{ display:grid !important; grid-template-columns:1fr auto; gap:10px; width:100%; } .woocommerce-cart .coupon input.input-text{ width:100% !important; } .woocommerce-cart button[name="update_cart"]{ width:100% !important; margin-top:14px !important; } /* TOTALS */ .woocommerce-cart .cart-collaterals{ margin-top:34px !important; } .woocommerce-cart .cart_totals h2{ font-size:1.55rem !important; } .woocommerce-cart .cart_totals th{ width:38%; font-size:.68rem; } .woocommerce-cart .cart_totals td{ font-size:.68rem; } /* checkout */ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ min-height:54px !important; font-size:.74rem !important; } } /* ========================================================= HIBR — CHECKOUT BUTTON / QUIET LUXURY ========================================================= */ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ position:relative; width:100%; min-height:56px !important; display:flex !important; align-items:center; justify-content:center; margin:0 !important; padding:0 22px !important; border:1px solid rgba(216,180,99,.55) !important; border-radius:999px !important; background: rgba(216,180,99,.045) !important; color:#e4c574 !important; font-size:.78rem !important; font-weight:700 !important; letter-spacing:.01em; box-shadow:none !important; overflow:hidden; transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease !important; } /* لمعان هادي */ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before{ content:""; position:absolute; top:0; left:-50%; width:35%; height:100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.10), transparent ); transform:skewX(-22deg); transition:left .55s ease; pointer-events:none; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{ background:#d8b463 !important; border-color:#d8b463 !important; color:#0a0a09 !important; transform:translateY(-2px); } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover::before{ left:120%; } /* MOBILE */ @media screen and (max-width:768px){ .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{ min-height:54px !important; font-size:.74rem !important; } } .hibr-gallery-desktop-counter, .hibr-gallery-mobile-counter{ display:none !important; } /* HIBR DESIGN LAB — canvas-first editor v2 (2026-10-01) */ .hibr-designer-enhanced .hibr-studio-intro{display:none!important} .hibr-designer-enhanced .hibr-live-studio{padding:18px 0 110px!important;background:radial-gradient(circle at 38% 32%,rgba(216,185,111,.075),transparent 38%),#050505} .hibr-designer-enhanced .hibr-contact-dock,.hibr-designer-enhanced .hibr-whatsapp-float{display:none!important} .hibr-designer-enhanced .hibr-live-layout{width:calc(100% - 32px)!important;max-width:1500px!important;grid-template-columns:minmax(0,1fr) minmax(320px,370px)!important;gap:14px!important;align-items:start!important;direction:ltr!important} .hibr-designer-enhanced .hibr-studio-panel{grid-column:2;grid-row:1;direction:rtl;position:sticky;top:88px;max-height:calc(100vh - 112px);overflow:auto;overscroll-behavior:contain;border-color:rgba(216,185,111,.25)!important;border-radius:16px!important;background:linear-gradient(165deg,rgba(20,19,16,.98),rgba(6,6,6,.99) 58%)!important;scrollbar-width:thin;scrollbar-color:#7e652f transparent} .hibr-designer-enhanced .hibr-studio-panel-head{min-height:52px!important;padding:0 16px!important;background:rgba(255,255,255,.018)!important} .hibr-designer-enhanced .hibr-studio-tool{margin:0!important;padding:17px 16px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important;border-radius:0!important;background:transparent!important} .hibr-designer-enhanced .hibr-studio-tool:last-child{border-bottom:0!important} .hibr-designer-enhanced .hibr-studio-tool-title{margin-bottom:13px} .hibr-designer-enhanced .hibr-preview-console{grid-column:1;grid-row:1;direction:rtl;position:sticky;top:88px;min-width:0;overflow:hidden;border-color:rgba(216,185,111,.3)!important;border-radius:16px!important;background:#080807!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important} .hibr-designer-enhanced .hibr-preview-topbar{min-height:52px!important;padding:0 16px!important;background:linear-gradient(90deg,rgba(216,185,111,.08),transparent 48%)!important} .hibr-designer-enhanced .hibr-studio-toolbar{min-height:48px;padding:7px 13px} .hibr-designer-enhanced .hibr-preview-stage{height:clamp(620px,calc(100vh - 252px),820px)!important;min-height:620px!important;background:radial-gradient(circle at 50% 45%,#24231f 0,#10100e 44%,#070707 74%)!important} .hibr-designer-enhanced .hibr-garment-object{width:min(76%,720px)!important} .hibr-designer-enhanced .hibr-preview-footer>div{padding:12px 16px!important} .hibr-designer-enhanced .hibr-upload-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:118px;overflow:hidden;cursor:pointer;border:1px dashed rgba(216,185,111,.5)!important;border-radius:13px!important;background:rgba(216,185,111,.035);transition:border-color .2s ease,background .2s ease,transform .2s ease} .hibr-designer-enhanced .hibr-upload-zone:hover,.hibr-designer-enhanced .hibr-upload-zone:focus-within{border-color:#e2c476!important;background:rgba(216,185,111,.075);transform:translateY(-1px)} .hibr-designer-enhanced .hibr-upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2} .hibr-designer-enhanced .hibr-upload-zone strong{margin-top:7px;color:#f2eee5;font-size:.78rem}.hibr-designer-enhanced .hibr-upload-zone small{margin-top:5px;color:#8f8a80;font-size:.58rem} .hibr-ai-launch[hidden],.hibr-ai-editor[hidden]{display:none!important} .hibr-ai-launch{display:grid;gap:9px;margin-top:11px;padding:10px;border:1px solid rgba(216,185,111,.22);border-radius:13px;background:rgba(255,255,255,.025)} .hibr-uploaded-file{display:flex;align-items:center;gap:9px;min-width:0}.hibr-uploaded-file-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid rgba(216,185,111,.38);border-radius:50%;background:rgba(216,185,111,.1);color:#e4c474;font-size:.7rem}.hibr-uploaded-file div{min-width:0}.hibr-uploaded-file strong,.hibr-uploaded-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hibr-uploaded-file strong{color:#eee9df;font-size:.66rem}.hibr-uploaded-file small{margin-top:3px;color:#8d887f;font-size:.52rem} .hibr-open-ai{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:43px!important;border:1px solid #d8b96f!important;border-radius:11px!important;background:linear-gradient(135deg,#e6c977,#b88e3d)!important;color:#090806!important;font-family:inherit;font-size:.72rem!important;font-weight:900!important;box-shadow:0 10px 25px rgba(205,169,82,.14)}.hibr-open-ai span{font-size:1rem}.hibr-open-ai:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(205,169,82,.22)} .hibr-ai-editor{margin-top:10px;padding:12px;border:1px solid rgba(216,185,111,.32);border-radius:14px;background:linear-gradient(155deg,rgba(24,22,17,.98),rgba(8,8,7,.99));box-shadow:0 18px 36px rgba(0,0,0,.28)} .hibr-ai-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hibr-ai-editor-head small,.hibr-ai-editor-head strong{display:block}.hibr-ai-editor-head small{color:#d8b96f;font:700 .48rem Arial;letter-spacing:.18em}.hibr-ai-editor-head strong{margin-top:4px;color:#f5f0e7;font-size:.75rem}.hibr-ai-editor-head>button{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#0d0d0c;color:#d8b96f;font-size:1rem;cursor:pointer} .hibr-ai-prompt-label{display:block;margin-bottom:6px;color:#aaa398;font-size:.58rem}.hibr-ai-prompt-row{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:7px}.hibr-ai-prompt-row textarea{width:100%;min-height:76px;resize:vertical;padding:10px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px!important;background:#090909!important;color:#f2eee5!important;font-family:inherit;font-size:.65rem;line-height:1.7}.hibr-ai-prompt-row textarea:focus{outline:0;border-color:#d8b96f!important;box-shadow:0 0 0 3px rgba(216,185,111,.1)}.hibr-ai-prompt-row>button{border:0;border-radius:10px;background:#d8b96f;color:#080705;font-family:inherit;font-size:.65rem;font-weight:900;cursor:pointer}.hibr-ai-prompt-row>button[aria-busy=true]{color:transparent;position:relative}.hibr-ai-prompt-row>button[aria-busy=true]:after{content:'';position:absolute;inset:50% auto auto 50%;width:15px;height:15px;margin:-8px;border:2px solid rgba(0,0,0,.3);border-top-color:#080705;border-radius:50%;animation:hibrAiEditSpin .75s linear infinite} .hibr-ai-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.hibr-ai-quick-actions button{min-height:34px;padding:5px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#10100f;color:#c9c3b7;font-family:inherit;font-size:.54rem;cursor:pointer}.hibr-ai-quick-actions button:hover{border-color:#d8b96f;color:#edce82}.hibr-ai-status{min-height:17px;margin:8px 1px 0;color:#918b80;font-size:.55rem;line-height:1.5}.hibr-ai-status.is-success{color:#8ed4a7}.hibr-ai-status.is-error{color:#ef9b92} .hibr-designer-enhanced .hibr-draw-box{margin-top:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.018)}.hibr-designer-enhanced .hibr-draw-head{cursor:pointer;padding:11px 12px;list-style:none}.hibr-designer-enhanced .hibr-draw-head::-webkit-details-marker{display:none}.hibr-designer-enhanced .hibr-draw-head:after{content:'＋';margin-inline-start:auto;color:#d8b96f}.hibr-designer-enhanced .hibr-draw-box[open] .hibr-draw-head:after{content:'−'}.hibr-designer-enhanced .hibr-draw-box .hibr-draw-tools,.hibr-designer-enhanced .hibr-draw-box .hibr-draw-settings,.hibr-designer-enhanced .hibr-draw-box .hibr-upload-actions{margin-inline:10px}.hibr-designer-enhanced .hibr-draw-box .hibr-upload-actions{margin-bottom:10px} .hibr-mobile-tool-backdrop,.hibr-mobile-tool-drawer{display:none} @keyframes hibrAiEditSpin{to{transform:rotate(360deg)}} @media(max-width:1050px) and (min-width:801px){.hibr-designer-enhanced .hibr-live-layout{grid-template-columns:minmax(0,1fr) 310px!important}.hibr-designer-enhanced .hibr-preview-stage{height:calc(100vh - 230px)!important}.hibr-designer-enhanced .hibr-garment-object{width:86%!important}} @media(max-width:800px){.hibr-designer-enhanced .hibr-live-studio{padding:8px 0 78px!important}.hibr-designer-enhanced .hibr-live-layout{display:flex!important;width:calc(100% - 16px)!important;gap:8px!important;direction:rtl!important}.hibr-designer-enhanced .hibr-preview-console{grid-row:auto;position:relative;top:auto;order:-1;width:100%;border-radius:14px!important}.hibr-designer-enhanced .hibr-preview-stage{height:auto!important;min-height:0!important;aspect-ratio:1/1.04}.hibr-designer-enhanced .hibr-garment-object{width:92%!important}.hibr-designer-enhanced .hibr-studio-panel{grid-row:auto;position:static;max-height:none;overflow:visible}.hibr-mobile-tool-drawer .hibr-studio-panel{width:100%!important;border:0!important;border-radius:0!important}.hibr-ai-editor{padding:11px}.hibr-ai-prompt-row{grid-template-columns:1fr}.hibr-ai-prompt-row>button{min-height:42px}.hibr-ai-quick-actions{grid-template-columns:1fr}.hibr-ai-quick-actions button{min-height:39px;font-size:.62rem}.hibr-designer-enhanced .hibr-preview-footer>div{padding:10px 7px!important}.hibr-tool-drawer-open{overflow:hidden!important}.hibr-mobile-tool-backdrop{display:block;position:fixed;inset:0;z-index:10040;background:rgba(0,0,0,.74);opacity:0;visibility:hidden;backdrop-filter:blur(4px);transition:opacity .22s ease,visibility .22s ease}.hibr-mobile-tool-backdrop.is-open{opacity:1;visibility:visible}.hibr-mobile-tool-drawer{display:flex;position:fixed;z-index:10050;right:0;bottom:0;left:0;flex-direction:column;width:100%;height:min(86vh,760px);overflow:hidden;border-top:1px solid rgba(216,185,111,.42);border-radius:22px 22px 0 0;background:#090908;box-shadow:0 -24px 70px rgba(0,0,0,.62);opacity:0;visibility:hidden;transform:translateY(104%);transition:transform .3s cubic-bezier(.22,.8,.24,1),opacity .2s ease,visibility .2s ease}.hibr-mobile-tool-drawer.is-open{opacity:1;visibility:visible;transform:translateY(0)}.hibr-mobile-tool-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(216,185,111,.09),transparent);direction:rtl}.hibr-mobile-tool-head div{min-width:0}.hibr-mobile-tool-head small,.hibr-mobile-tool-head strong{display:block}.hibr-mobile-tool-head small{color:#d8b96f;font:700 .52rem Arial;letter-spacing:.17em}.hibr-mobile-tool-head strong{margin-top:4px;color:#f3eee5;font-size:.92rem}.hibr-mobile-tool-close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(216,185,111,.3);border-radius:12px;background:#11110f;color:#e3c371;font-size:1.35rem}.hibr-mobile-tool-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:86px;scrollbar-width:thin;scrollbar-color:#78612e transparent}} /* HIBR header V2 — selected compact editorial layout. */ body .hibr-topline.hibr-topline-v2{display:block!important;position:relative!important;inset:auto!important;z-index:1102!important;background:#070706!important;border-bottom:1px solid rgba(216,180,99,.13)!important} body .hibr-topline-v2 .hibr-topline-inner{width:min(calc(100% - 48px),1480px)!important;min-height:30px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:11px!important;color:#c9b787!important} body .hibr-topline-v2 .hibr-header-language{display:flex!important;position:static!important;align-items:center;gap:8px;direction:ltr;font:700 10px/1 Arial,sans-serif;letter-spacing:.06em} .hibr-topline-v2 .hibr-header-language a{padding:8px 3px!important;color:#a9a49a!important;text-decoration:none} .hibr-topline-v2 .hibr-header-language a[aria-current="true"]{color:#e4c36e!important} .hibr-topline-v2 .hibr-header-language a:focus-visible,#hibr-site-header a:focus-visible,#hibr-site-header button:focus-visible,#hibr-site-header summary:focus-visible{outline:2px solid #e4c36e!important;outline-offset:3px!important} body.home #hibr-site-header.hibr-header-v2{position:absolute!important;top:30px!important;right:0!important;left:0!important;background:#080807f2!important} #hibr-site-header.hibr-header-v2{background:#080807f2!important;border-bottom:1px solid rgba(216,180,99,.18)!important} #hibr-site-header.hibr-header-v2 .hibr-header-inner{min-height:70px!important;gap:32px!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-brand{order:0!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-nav{order:1!important;gap:clamp(6px,1vw,15px)!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-actions{order:2!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-nav>a{min-height:42px!important;font-size:.78rem!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-nav>.hibr-nav-shop{background:linear-gradient(135deg,#e3c77f,#bc9852)!important;border-color:#d6b66d!important;color:#18140d!important;font-weight:800!important} #hibr-site-header .hibr-nav-more{position:relative;color:#c8c0b2;font-size:.78rem;white-space:nowrap} #hibr-site-header .hibr-nav-more>summary{display:flex;align-items:center;min-height:42px;padding:0 12px;cursor:pointer;list-style:none} #hibr-site-header .hibr-nav-more>summary::-webkit-details-marker{display:none} #hibr-site-header .hibr-nav-more>summary:after{content:'⌄';margin-inline-start:7px;color:#d8b45e} #hibr-site-header .hibr-nav-more-en{display:none} html[lang^="en"] #hibr-site-header .hibr-nav-more-ar{display:none} html[lang^="en"] #hibr-site-header .hibr-nav-more-en{display:inline} #hibr-site-header .hibr-nav-more-links{position:absolute;top:100%;right:0;min-width:170px;display:grid;gap:2px;padding:8px;border:1px solid rgba(216,180,99,.25);border-radius:13px;background:#0c0b09;box-shadow:0 15px 40px #000b;z-index:1200} #hibr-site-header .hibr-nav-more:not([open]) .hibr-nav-more-links{display:none} #hibr-site-header .hibr-nav-more-links a{padding:12px;color:#e7ddca;border-radius:8px;text-decoration:none} #hibr-site-header .hibr-nav-more-links a:hover{background:#211a0e;color:#e3c77f} #hibr-site-header .hibr-mobile-quick-nav{display:none} @media(max-width:780px){ body .hibr-topline.hibr-topline-v2{display:block!important;position:relative!important;inset:auto!important} body .hibr-topline-v2 .hibr-topline-inner{width:calc(100% - 28px)!important;min-height:26px!important;padding:0!important;font-size:9px!important} body.home #hibr-site-header.hibr-header-v2{top:26px!important;background:#080807f5!important} #hibr-site-header.hibr-header-v2{min-height:0!important} #hibr-site-header.hibr-header-v2 .hibr-header-inner{width:100%!important;min-height:62px!important;padding:0 14px!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-brand{position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;min-height:40px!important} #hibr-site-header.hibr-header-v2 .hibr-menu-toggle{left:auto!important;right:14px!important;top:8px!important;width:44px!important;height:44px!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-actions{right:auto!important;left:14px!important;top:8px!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-actions .hibr-cart{width:44px!important;height:44px!important;flex-basis:44px!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-nav{position:fixed!important;inset:109px 0 auto!important;height:calc(100svh - 135px)!important;max-height:calc(100svh - 135px)!important;order:0!important;padding:16px 18px 38px!important;background:#090908fa!important;display:none!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-nav.is-open,#hibr-site-header.hibr-header-v2.is-menu-open .hibr-editorial-nav,#hibr-site-header.hibr-header-v2 .hibr-menu-toggle[aria-expanded="true"] + .hibr-editorial-nav{display:grid!important} #hibr-site-header.hibr-header-v2 .hibr-editorial-nav>a{min-height:54px!important;font-size:.95rem!important} #hibr-site-header.hibr-header-v2 .hibr-nav-more{width:100%;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.08)} #hibr-site-header.hibr-header-v2 .hibr-nav-more>summary{min-height:54px;padding:0 18px} #hibr-site-header.hibr-header-v2 .hibr-nav-more-links{position:static;min-width:0;border:0;box-shadow:none;background:#12100d} #hibr-site-header.hibr-header-v2 .hibr-mobile-quick-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:46px;padding:0 10px;border-top:1px solid rgba(216,180,99,.12);background:#090908} #hibr-site-header.hibr-header-v2 .hibr-mobile-quick-nav a{display:grid;place-items:center;min-height:44px;padding:0 3px;color:#e4d8bd;font-size:11px;text-align:center;text-decoration:none;white-space:nowrap} #hibr-site-header.hibr-header-v2 .hibr-mobile-quick-nav a+a{border-right:1px solid rgba(216,180,99,.13)} } /* Keep the paused Designer presentation above the shared inner-page reset. */ body:not(.home) #main-content.hibr-designer-soon{ background: radial-gradient(circle at 76% 30%,rgba(200,169,104,.12),transparent 34%), linear-gradient(180deg,#070706 0%,#0a0907 100%) !important; } body:not(.home) #main-content.hibr-designer-soon > .hibr-designer-soon-card{ background:linear-gradient(135deg,rgba(24,22,17,.94),rgba(7,7,6,.98)) !important; }/* HIBR — FIRST HOODIE DROP LAUNCH */.home main#main-content + main#main-content{display:none!important}.home .hibr-card--accessory{display:none!important}.home .hibr-worlds,.home .hibr-complete-look{display:none!important}.home .hibr-canvas-categories a:not(:nth-child(2)){display:none!important} .home .hibr-canvas-categories{display:grid!important;grid-template-columns:1fr!important;max-width:230px!important}.home .hibr-canvas-kicker,.home .hibr-canvas-lead,.home .hibr-canvas-secondary{font-size:0!important}.home .hibr-canvas-kicker:after{content:"HIBR / FIRST HOODIE DROP";font-size:.72rem;letter-spacing:.18em;color:var(--gold)}.home .hibr-canvas-lead:after{content:"أول دروب من حِبر: هوديز أوفرسايز بتصميمات أصلية، خامة مريحة وحضور يبان من أول نظرة.";font-size:1rem;line-height:1.9;color:inherit} .home .hibr-canvas-secondary:before{content:"دليل المقاسات";font-size:.84rem}.home .hibr-canvas-secondary span{font-size:1rem!important}@media(max-width:760px){.home .hibr-canvas-lead:after{font-size:.8.home .hibr-canvas-secondary{display:none!important} 8rem}.home .hibr-canvas-categories{max-width:100%!important}}.home .hibr-canvas-secondary{display:none!important} /* Keep the hero lead language aligned with the active store language. */ html[lang^="en"] body.home .hibr-canvas-lead{font-size:clamp(.8rem,1.2vw,1rem)!important;line-height:1.9!important} html[lang^="en"] body.home .hibr-canvas-lead:after{content:none!important} /* Restore a readable, full-width campaign headline on phones. */ @media (max-width:700px){ body.home .hibr-canvas-hero-inner{ display:block!important; position:relative!important; width:100%!important; max-width:none!important; min-height:max(760px,100svh)!important; padding:0!important; } body.home .hibr-canvas-hero-copy{ position:absolute!important; top:auto!important; right:18px!important; bottom:110px!important; left:18px!important; width:calc(100% - 36px)!important; max-width:none!important; min-width:0!important; margin:0!important; box-sizing:border-box!important; text-align:right!important; } body.home .hibr-canvas-hero-copy h1{ display:block!important; width:100%!important; max-width:none!important; margin:12px 0 14px!important; font-size:clamp(2.5rem,11vw,3.35rem)!important; line-height:1.08!important; letter-spacing:-.04em!important; white-space:normal!important; word-break:normal!important; overflow-wrap:normal!important; text-wrap:wrap!important; } body.home .hibr-canvas-kicker{ width:100%!important; font-size:.62rem!important; } body.home .hibr-canvas-kicker:after{content:none!important} body.home .hibr-canvas-lead{ display:block!important; width:100%!important; max-width:none!important; font-size:.88rem!important; line-height:1.65!important; } body.home .hibr-canvas-lead:after{content:none!important} body.home .hibr-canvas-actions{width:100%!important;margin-top:18px!important} body.home .hibr-canvas-primary{width:100%!important;min-height:52px!important} } @media (max-width:360px) and (max-height:760px){ body.home .hibr-canvas-hero-copy{bottom:170px!important} } /* HIBR homepage cleanup */body.home main#main-content~main#main-content{display:none!important} @media(max-width:800px){.hibr-designer-enhanced .hibr-live-studio{padding:8px 0 78px!important}.hibr-designer-enhanced .hibr-live-layout{display:flex!important;width:calc(100% - 16px)!important;gap:8px!important;direction:rtl!important}.hibr-designer-enhanced .hibr-preview-console{grid-row:auto;position:relative;top:auto;order:-1;width:100%;border-radius:14px!important}.hibr-designer-enhanced .hibr-preview-stage{height:auto!important;min-height:0!important;aspect-ratio:1/1.04}.hibr-designer-enhanced .hibr-garment-object{width:92%!important}.hibr-designer-enhanced .hibr-studio-panel{grid-row:auto;position:static;max-height:none;overflow:visible}.hibr-mobile-tool-drawer .hibr-studio-panel{width:100%!important;border:0!important;border-radius:0!important}.hibr-ai-editor{padding:11px}.hibr-ai-prompt-row{grid-template-columns:1fr}.hibr-ai-prompt-row>button{min-height:42px}.hibr-ai-quick-actions{grid-template-columns:1fr}.hibr-ai-quick-actions button{min-height:39px;font-size:.62rem}.hibr-designer-enhanced .hibr-preview-footer>div{padding:10px 7px!important}.hibr-tool-drawer-open{overflow:hidden!important}.hibr-mobile-tool-backdrop{display:block;position:fixed;inset:0;z-index:10040;background:rgba(0,0,0,.74);opacity:0;visibility:hidden;backdrop-filter:blur(4px);transition:opacity .22s ease,visibility .22s ease}.hibr-mobile-tool-backdrop.is-open{opacity:1;visibility:visible}.hibr-mobile-tool-drawer{display:flex;position:fixed;z-index:10050;right:0;bottom:0;left:0;flex-direction:column;width:100%;height:min(86vh,760px);overflow:hidden;border-top:1px solid rgba(216,185,111,.42);border-radius:22px 22px 0 0;background:#090908;box-shadow:0 -24px 70px rgba(0,0,0,.62);opacity:0;visibility:hidden;transform:translateY(104%);transition:transform .3s cubic-bezier(.22,.8,.24,1),opacity .2s ease,visibility .2s ease}.hibr-mobile-tool-drawer.is-open{opacity:1;visibility:visible;transform:translateY(0)}.hibr-mobile-tool-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(216,185,111,.09),transparent);direction:rtl}.hibr-mobile-tool-head div{min-width:0}.hibr-mobile-tool-head small,.hibr-mobile-tool-head strong{display:block}.hibr-mobile-tool-head small{color:#d8b96f;font:700 .52rem Arial;letter-spacing:.17em}.hibr-mobile-tool-head strong{margin-top:4px;color:#f3eee5;font-size:.92rem}.hibr-mobile-tool-close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(216,185,111,.3);border-radius:12px;background:#11110f;color:#e3c371;font-size:1.35rem}.hibr-mobile-tool-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:86px;scrollbar-width:thin;scrollbar-color:#78612e transparent}}