/*
Theme Name: Orange Shop
Description: Responsives Orange-Schwarz-Design für den internen WooCommerce-Testshop.
Template: storefront
Version: 1.0.0
*/
:root{--orange:#ff651a;--orange-light:#fff1e8;--ink:#151515;--muted:#737373;--paper:#faf9f6;--line:#e5e3de;--radius:20px}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,h4{color:var(--ink);font-weight:750;letter-spacing:-.045em;line-height:1.1}button,input,select,textarea{font:inherit}button,.button,input[type=submit]{background:var(--orange);color:#17120f;border-radius:10px;padding:14px 24px;font-weight:700;transition:background .2s,transform .2s;box-shadow:none;border:0}button:hover,.button:hover,input[type=submit]:hover{background:#ea5109;color:#111;transform:translateY(-1px)}.col-full{max-width:1280px;padding:0 40px;margin:0 auto}.site-content{padding-top:0}.test-strip{background:var(--ink);color:#fff;min-height:32px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.14em;padding:7px 20px}.test-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}.strip-note{color:#aaa;font-weight:400;letter-spacing:.02em;margin-left:14px}.orange-header{background:rgba(250,249,246,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;backdrop-filter:blur(14px)}.orange-header-inner{max-width:1280px;margin:auto;min-height:92px;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.045em;line-height:1.1}.brand-symbol{display:flex;align-items:center;justify-content:center;position:relative;background:var(--orange);border-radius:11px;width:43px;height:43px;font-size:41px;font-weight:800;padding-bottom:8px}.brand-symbol span{position:absolute;font-size:23px;right:2px;top:1px}.brand-light{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:.22em;margin-top:5px;color:#666}.orange-nav{display:flex;gap:30px;font-size:13px;font-weight:600}.orange-nav a{padding:8px 0;position:relative}.orange-nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}.cart-pill{display:flex;align-items:center;gap:9px;font-size:12px;border:1px solid #d8d5cf;border-radius:30px;padding:9px 13px}.cart-number{background:var(--ink);color:white;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:10px}.orange-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:58px 0 48px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;display:flex;align-items:center;gap:8px;color:#777}.eyebrow>span{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero-copy h1{font-size:clamp(56px,6.2vw,83px);margin:24px 0 24px;line-height:.99;letter-spacing:-.065em}.hero-copy h1 em{color:var(--orange);font-style:normal}.hero-copy>p{font-size:16px;color:#777;line-height:1.75;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:25px}.orange-button{display:flex;align-items:center;gap:32px;font-size:13px}.orange-button span{font-size:22px;line-height:1}.hero-link{font-size:12px;font-weight:600}.hero-small{display:flex;align-items:center;gap:8px;font-size:10px;color:#777;margin-top:25px}.small-check{border:1px solid #ccc;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;color:var(--ink)}.hero-art{min-height:490px;border-radius:22px;overflow:hidden;background:#1b1b1b;position:relative;color:white}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px}.art-coordinate{position:absolute;left:25px;top:25px;font-size:9px;letter-spacing:.18em;color:#a3a3a3}.art-orbit{position:absolute;border:1px solid #ffffff22;border-radius:50%;width:390px;height:390px;left:55px;top:60px}.orbit-two{transform:rotate(-32deg) scaleX(.6)}.art-disc{width:300px;height:300px;background:var(--orange);border-radius:50%;position:absolute;top:90px;left:95px;box-shadow:0 0 100px #ff651a33}.art-bag{position:absolute;left:145px;top:150px;width:205px;height:235px;transform:rotate(-12deg);filter:drop-shadow(20px 30px 22px #0007)}.bag-face{position:absolute;inset:0;background:linear-gradient(110deg,#313131,#111 75%);border:1px solid #454545;border-radius:5px 5px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset -12px 0 #0003}.bag-handle{position:absolute;left:57px;top:-60px;width:90px;height:92px;border:10px solid #333;border-bottom:0;border-radius:50px 50px 0 0;box-shadow:inset 2px 0 #666}.bag-face>span{font-size:125px;font-weight:800;letter-spacing:-.13em;line-height:1;color:var(--orange);position:relative;padding-right:20px}.bag-face b{font-size:58px;position:absolute;top:0;right:-6px}.bag-face small{font-size:7px;letter-spacing:.28em;margin-top:24px;color:#ccc}.art-label{position:absolute;bottom:38px;left:25px;display:flex;align-items:center;gap:12px;background:#f8f6ef;color:#111;padding:13px 18px;border-radius:12px;font-size:9px;line-height:1.6;transform:rotate(-5deg);box-shadow:0 8px 25px #0003}.label-star{color:var(--orange);font-size:36px;line-height:1}.art-tag{position:absolute;right:20px;top:94px;width:77px;height:77px;background:var(--orange);color:#151515;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:800;transform:rotate(12deg);border:4px solid #1b1b1b}.art-tag span{font-size:7px;letter-spacing:.08em}.art-caption{position:absolute;right:22px;bottom:23px;font-size:8px;letter-spacing:.2em;color:#999}.benefit-bar{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:30px}.benefit-bar>div{display:flex;align-items:center;gap:15px}.benefit-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--orange-light);border:1px solid #ffd9c5;border-radius:12px;color:#a23b08;font-size:21px;flex-shrink:0}.benefit-bar p{margin:0;font-size:12px}.benefit-bar small{display:block;font-size:10px;color:#777;margin-top:2px}.featured-section{padding:65px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading h2{font-size:38px;margin:10px 0 0}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:14px;font-size:20px}.featured-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.featured-products ul.products{margin:0!important;display:grid;grid-template-columns:1fr;gap:22px}.featured-products ul.products:before,.featured-products ul.products:after{display:none!important}ul.products li.product{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;padding:20px!important;box-shadow:none;transition:box-shadow .2s,transform .2s}ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00000009}.featured-products ul.products li.product{width:100%!important;float:none!important;margin:0!important;text-align:left!important}.featured-products ul.products li.product img{max-height:230px;object-fit:contain;margin:0 auto 20px!important;border-radius:12px;background:#f4f3ef}.woocommerce-loop-product__title{font-size:18px!important;font-weight:700!important;letter-spacing:-.025em!important}ul.products li.product .price{font-size:17px!important;font-weight:700!important;color:#222!important}ul.products li.product .button{font-size:12px}.editorial-card{position:relative;background:#191919;border-radius:var(--radius);overflow:hidden;padding:35px;color:#aaa;min-height:390px}.editorial-card .eyebrow{color:#999}.editorial-card h3{font-size:47px;color:#fff;margin:24px 0 20px;position:relative;z-index:1}.editorial-card h3 span{color:var(--orange)}.editorial-card p{max-width:280px;font-size:12px;position:relative;z-index:1}.round-arrow{position:absolute;right:30px;bottom:28px;width:49px;height:49px;border-radius:50%;background:var(--orange);color:#111;font-size:26px;display:grid;place-items:center;z-index:2}.round-arrow:hover{background:#fff;color:#111}.editorial-orbit{position:absolute;right:-130px;bottom:-200px;width:400px;height:400px;border:1px solid #ffffff16;border-radius:50%;box-shadow:0 0 0 45px #ffffff05,0 0 0 90px #ffffff03}.bottom-banner{background:var(--orange);border-radius:var(--radius);padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:65px}.bottom-banner .eyebrow{color:#582206}.bottom-banner h2{font-size:33px;margin:12px 0 0}.dark-button{background:#151515;color:#fff;display:flex;align-items:center;gap:40px;font-size:12px;white-space:nowrap}.dark-button:hover{background:#333;color:#fff}.dark-button span{font-size:20px}.orange-footer{background:#151515;color:#aaa;padding:45px max(40px,calc((100vw - 1200px)/2)) 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;gap:25px}.footer-brand{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.05em}.footer-brand span{font-weight:400}.footer-brand b{color:var(--orange);margin-left:6px}.footer-top p{font-size:11px;margin:10px 0 0}.footer-links{display:flex;gap:27px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #ffffff16;font-size:9px}.storefront-handheld-footer-bar{display:none!important}.demo_store{position:static!important;background:#fff1e8!important;color:#79300c!important;font-size:11px!important;box-shadow:none!important;padding:10px 20px!important;text-align:center!important}.demo_store a{color:#79300c!important;text-decoration:underline}.woocommerce-breadcrumb{margin:25px 0!important;background:transparent!important;font-size:12px!important;padding:0!important}.content-area{width:100%!important;float:none!important;margin:0!important}.widget-area{display:none!important}.site-main{margin:0;padding:0 0 50px}.orange-home.site-main{padding:0}.entry-header h1,.woocommerce-products-header h1{font-size:45px;margin:30px 0}.woocommerce-products-header{padding:0 0 20px!important}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],textarea,select{border:1px solid #d7d4ce;border-radius:8px;background:white;box-shadow:none;padding:12px;color:#222;max-width:100%}.woocommerce-info,.woocommerce-message{background:#242424;border-left:4px solid var(--orange);border-radius:9px}.woocommerce-error{border-radius:9px}.woocommerce-info a,.woocommerce-message a{color:#fff!important}.single-product div.product{margin-top:30px}.single-product div.product .woocommerce-product-gallery{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;padding:16px}.single-product .summary .price{color:#222!important;font-size:27px!important}.single-product div.product .woocommerce-tabs{clear:both}.woocommerce-cart table.cart,.woocommerce-checkout #order_review{border-radius:14px;overflow:hidden}body:not(.home) .site-content{min-height:55vh}.woocommerce-pagination .page-numbers li .page-numbers.current{background:var(--orange);color:#111}.woocommerce-loop-product__title{overflow-wrap:anywhere}.wc-block-components-button:not(.is-link){border-radius:9px!important;background:var(--orange)!important;color:#17120f!important;font-weight:700!important}.wc-block-components-product-name{color:var(--ink)!important}.wc-block-components-notice-banner{border-radius:10px!important}.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{padding-bottom:30px}.woocommerce-store-notice{padding-bottom:0!important}
@media(min-width:1100px){.featured-products ul.products li.product img{max-height:220px}.featured-products ul.products li.product{display:grid;grid-template-columns:1fr;min-height:390px}.hero-art{min-height:510px}}
@media(max-width:1000px){.col-full{padding:0 26px}.orange-header-inner{padding:15px 26px}.orange-hero{gap:30px}.hero-copy h1{font-size:64px}.hero-art{min-height:450px}.art-disc{left:40px;width:265px;height:265px}.art-bag{left:90px;top:150px;width:180px;height:215px}.art-orbit{left:0;width:340px;height:340px}.art-tag{right:10px}.hero-actions{gap:17px}.hero-link{font-size:11px}.benefit-bar{gap:15px}.benefit-bar>div{gap:9px}.benefit-bar small{font-size:9px}.orange-footer{padding-left:26px;padding-right:26px}.editorial-card h3{font-size:40px}}
@media(max-width:760px){.col-full{padding:0 20px}.test-strip{font-size:8px;letter-spacing:.12em;min-height:29px}.strip-note{font-size:8px;margin-left:0}.orange-header-inner{padding:13px 20px;min-height:78px;gap:12px;flex-wrap:wrap}.brand{font-size:19px}.brand-symbol{width:37px;height:37px;font-size:36px;border-radius:9px}.brand-symbol span{font-size:20px}.brand small{font-size:7px}.orange-nav{order:3;width:100%;justify-content:center;gap:34px;font-size:12px;padding-top:2px}.cart-pill{padding:7px 9px;gap:6px}.cart-label{display:none}.orange-hero{grid-template-columns:1fr;padding:35px 0 28px;gap:30px}.hero-copy h1{font-size:clamp(55px,13vw,78px);margin-top:20px;line-height:1.01}.hero-copy>p{font-size:14px}.eyebrow{font-size:9px}.hero-actions{gap:22px}.orange-button{font-size:12px;padding:14px 19px;gap:25px}.hero-small{font-size:9px;margin-top:19px}.hero-art{min-height:390px;max-width:550px;width:100%;margin:auto}.art-disc{left:calc(50% - 128px);top:67px;width:255px;height:255px}.art-bag{left:calc(50% - 80px);top:125px;width:170px;height:200px}.bag-handle{left:45px;width:82px;top:-52px;height:80px}.bag-face>span{font-size:110px}.bag-face b{font-size:48px}.bag-face small{font-size:6px}.art-orbit{width:310px;height:310px;left:calc(50% - 155px);top:40px}.art-tag{top:65px;right:20px;width:65px;height:65px;font-size:20px}.art-tag span{font-size:6px}.art-label{bottom:26px;left:20px;padding:10px 14px;font-size:8px}.label-star{font-size:30px}.art-coordinate{font-size:8px;top:20px;left:20px}.art-caption{font-size:7px;right:17px;bottom:17px}.benefit-bar{grid-template-columns:1fr;gap:17px;padding:22px 0}.benefit-bar>div{gap:13px}.benefit-icon{width:35px;height:35px;font-size:18px}.benefit-bar p{font-size:12px}.benefit-bar small{font-size:10px}.featured-section{padding:38px 0}.section-heading h2{font-size:30px}.section-heading{align-items:start;gap:12px}.text-link{font-size:10px;max-width:100px;text-align:right;margin-top:15px}.text-link span{margin-left:3px}.featured-layout{grid-template-columns:1fr;gap:20px}.featured-products ul.products li.product img{max-height:250px}.editorial-card{min-height:360px;padding:28px}.editorial-card h3{font-size:43px}.editorial-card p{max-width:260px}.bottom-banner{padding:28px 25px;display:block;margin-bottom:38px}.bottom-banner h2{font-size:29px}.bottom-banner .button{display:inline-flex;margin-top:23px}.orange-footer{padding:32px 20px 20px}.footer-top{align-items:start;flex-direction:column;padding-bottom:25px}.footer-links{gap:22px;flex-wrap:wrap;font-size:11px}.footer-bottom{flex-wrap:wrap;gap:10px;font-size:8px}.footer-bottom>span:nth-child(2){order:3;width:100%}.entry-header h1,.woocommerce-products-header h1{font-size:33px}.site-main{padding-bottom:30px}ul.products li.product{padding:14px!important}.woocommerce-loop-product__title{font-size:16px!important}.single-product div.product .woocommerce-product-gallery{padding:10px}.woocommerce-cart table.cart .product-thumbnail{display:none}.demo_store{font-size:10px!important;padding:9px 16px!important}body{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.orange-nav{gap:clamp(15px,4vw,28px);font-size:11px}}
/* Admin navigation remains usable on phones and tablets. */
@media(max-width:950px){.orange-header-inner{flex-wrap:wrap}.orange-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:8px 24px}}
@media(max-width:760px){.orange-nav{gap:8px 14px}}
.admin-bar .orange-header{top:32px}
@media(max-width:782px){.admin-bar .orange-header{top:46px}}
@media(max-width:600px){.admin-bar .orange-header{top:0}}